:root{color-scheme:dark;background:#09090c;color:#f3f2f7;--ink:#f3f2f7;--muted:#b1adbb;--line:#333139;--accent:#b4a1ed;--accent-dark:#ccbcfa;--nav:#101013;--soft:#24202f;font-family:"Segoe UI","PingFang SC","Microsoft YaHei",system-ui,sans-serif}
*,*::before,*::after{letter-spacing:0}
body{min-height:100dvh;isolation:isolate}
.header{position:relative;z-index:2;background:#101013;border-bottom-color:var(--line);gap:32px}
.brand img{background:white;flex:none}.brand span{color:#ccc6d8;border-color:#51495e}
.header-label,nav a,.identity>span{color:#c2bacf}nav a:hover,nav a:focus{color:white}
nav a[aria-current=page]{color:#d8caff;border-bottom:2px solid #b4a1ed;padding-bottom:10px}
main{position:relative;z-index:1}footer{position:relative;z-index:1;color:#aaa4b4;gap:18px;flex-wrap:wrap}
.shader-frame{position:fixed;inset:72px 0 0;z-index:-1;pointer-events:none;background:#030303}
body:has(.login){background:#030303}
.login{min-height:calc(100dvh - 144px);display:flex;flex-direction:column;justify-content:center;padding:48px 0 64px;max-width:390px}
.login-card{background:rgba(24,21,31,.62);padding:30px;border:1px solid rgba(206,190,244,.32);border-radius:12px;box-shadow:0 24px 70px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.12);backdrop-filter:blur(22px) saturate(125%);-webkit-backdrop-filter:blur(22px) saturate(125%)}.login-heading{margin-bottom:30px}.login-heading::before,.login::after{display:none}
.login-heading h1{font-size:36px;color:white}.login-heading p,.login .eyebrow{color:#ddd6ea}
.login .stack{background:transparent;padding:0;border:0;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}
.eyebrow{color:#c1acee}h1{font-size:30px}p{color:var(--muted)}label{color:#ded9e7}
input{background:#18171d;border-color:#56505f;color:#faf9ff;box-shadow:none}input::placeholder{color:#b6afbf;opacity:1}
input:focus{outline:2px solid #b4a1ed;border-color:#c8b6ef}input[readonly]{background:#16141b;color:#ddd7e9}
.icon:hover{background:#302b3a}.icon img,.secondary img,.node-row>img,.empty img{filter:invert(1)}
button img,a.primary img{width:18px;height:18px;flex:none}
.primary{background:#c1acee;color:#191123}.primary:hover{background:#d6c4fd}.primary img{filter:none}
.secondary{background:#211e29;border-color:#5d526c;color:#e0d7f0}.secondary:hover{background:#352d43}
.danger{background:#28181e;border-color:#714352;color:#ffb1bb}.danger:hover{background:#452731}
.page-heading{padding:36px 0 26px}.page-heading p{overflow-wrap:anywhere}
.account-heading{min-height:0}.account-heading::after{display:none}.connection-state{display:none}
.metrics{background:transparent;border:0;border-bottom:1px solid var(--line);border-radius:0;box-shadow:none;margin:0;padding:28px 0}
.metrics>div{min-width:0}.metrics strong{font-size:24px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.metrics .date{font-size:22px}
.metrics span,.metrics small{color:#bcb5c8}.green{color:#82d9be}.red{color:#ffb1bb}
.subscription{background:transparent;border:0;border-bottom:1px solid var(--line);border-radius:0;box-shadow:none;padding:32px 0;margin:0;gap:48px}
.subscription-main{min-width:0}.format-badge{background:#2b223b;color:#ddcafa;box-shadow:none;flex:none}
.format p,.qr-tool span,.node-row small,.node-row>span:last-child{color:#bcb5c8}
.qr-tool>img{background:white;border-color:#76707e;padding:6px}
.node-row{background:#16131c;border-color:#43394f}.node-row>div{min-width:0;overflow-wrap:anywhere}
.badge{background:#2c2933;color:#dbd6e4}.badge.enabled{background:#18382f;color:#93e3c7}
.table-scroll{background:#121116;border-color:var(--line)}th{background:#201b29;color:#d3c8e3}td,th{border-color:var(--line)}td small{color:#b4acbd}
.notice,.toast{background:#202535;color:#cfddf8;border-color:#88a4cb}.error{background:#351d25;color:#ffc1ca;border-color:#da8396}
.empty{padding:64px 0;text-align:center}.empty p{margin-top:14px}.feedback{color:#93e3c7}
.permission-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.management{padding-top:24px}.count{background:#32273f;color:#e7d4ff}
.access-dialog{background:#16131c;color:var(--ink);border-color:#665577}.access-dialog::backdrop{background:rgba(0,0,0,.75)}
.candidate{border-color:#393140}.candidate[hidden]{display:none}.candidate>div{min-width:0;overflow-wrap:anywhere}.candidate button{flex:none}
.candidate small,.selected-user{color:#bcb5c8}.grant-modal-form{min-width:0}.grant-modal-form>label{min-width:0}
@media(max-width:760px){.shader-frame{inset:0}.header{gap:16px}.login{padding:44px 0 48px}.login h1{font-size:32px}.metrics{grid-template-columns:1fr;gap:0;padding:8px 0}.metrics>div,.metrics>div:first-child{padding:16px 0;border-left:0;border-bottom:1px solid #242129}.metrics>div:last-child{border-bottom:0}.subscription{grid-template-columns:minmax(0,1fr);gap:12px;padding:28px 0}.node-row{flex-wrap:wrap;gap:12px}.permission-heading{align-items:flex-start;flex-wrap:wrap}.access-dialog{padding:24px 18px}.primary,.secondary,.danger{padding:10px 12px}h1{font-size:28px}}
@media(prefers-reduced-motion:reduce){.primary,.secondary,.danger{transition:none;transform:none}}

.metrics { grid-template-columns: minmax(0, .8fr) minmax(0, 1.6fr) minmax(0, 1fr); }
.metrics > .usage-metric { display: flex; flex-direction: row; align-items: center; justify-content: space-between; gap: 16px; padding-right: 24px; }
.usage-details { display: flex; flex-direction: column; gap: 9px; min-width: 0; }
.usage-value { display: flex; flex-wrap: wrap; align-items: baseline; gap: 8px; }
.usage-value b { font-size: 14px; color: #cbb9f4; font-weight: 600; }
.usage-ring { position: relative; width: 80px; height: 80px; flex: 0 0 80px; display: grid; place-items: center; }
.usage-ring svg { position: absolute; inset: 0; }
.usage-ring circle { fill: none; stroke-width: 8; }
.usage-track { stroke: #e6dcfa; }
.usage-fill { stroke: #9360dd; }
.metrics .usage-ring > span { font-size: 13px; font-weight: 650; color: #f3f2f7; font-variant-numeric: tabular-nums; }
.client-downloads { padding: 32px 0; border-bottom: 1px solid var(--line); display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.client-downloads h2 { grid-column: 1 / -1; margin-bottom: 8px; }
.client-downloads a { min-width: 0; min-height: 128px; padding: 22px 18px; display: flex; align-items: center; gap: 16px; background: rgba(34, 31, 42, .65); border: 1px solid rgba(206, 190, 244, .28); border-radius: 8px; box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08); backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px); }
.client-downloads a:hover, .client-downloads a:focus-visible { border-color: #b4a1ed; background: rgba(50, 43, 65, .8); }
.client-downloads a > div { min-width: 0; display: flex; flex-direction: column; gap: 7px; overflow-wrap: anywhere; }
.client-downloads strong { font-size: 18px; }
.client-downloads span { font-size: 13px; color: var(--muted); }
.client-downloads img { display: block; flex: none; filter: invert(1); }
.client-downloads .platform-logo { width: 36px; height: 36px; }
.client-download-icon { width: 18px; height: 18px; margin-left: auto; opacity: .75; }
@media (max-width: 760px) {
  .metrics { grid-template-columns: 1fr; }
  .metrics > .usage-metric { padding-right: 0; }
  .client-downloads { grid-template-columns: 1fr; }
  .client-downloads a { min-height: 100px; }
}
@media (prefers-reduced-transparency: reduce) {
  .client-downloads a { background: #221f2a; backdrop-filter: none; }
}
.line-list{padding:28px 0 48px}.line-caption,.line-name>div>span,.line-facts dt{font-size:12px;color:var(--muted)}
.line-row{padding:26px 0;border-bottom:1px solid var(--line)}.line-name{display:flex;align-items:center;gap:16px}.line-name>img{filter:invert(1);flex:none}.line-name>div{min-width:0;overflow-wrap:anywhere;flex:1}.line-name h2{margin-bottom:8px;font-size:18px}.line-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin:24px 0}.line-facts dd{margin:8px 0 0;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}.line-warning{color:#f4cf91}.line-actions{gap:10px}.line-editor{max-width:820px;padding-bottom:48px}.line-fields{padding:28px 0;border-bottom:1px solid var(--line)}.line-fields h2{margin-bottom:24px}.line-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.line-grid>label{min-width:0}.full-width{grid-column:1/-1}.line-editor select{display:block;width:100%;min-width:0;margin-top:8px;height:46px;border-radius:5px;border:1px solid #56505f;background:#18171d;color:var(--ink);padding:10px;font:inherit}.field-hint{display:block;margin-top:8px;font-size:12px;font-weight:400;color:var(--muted);overflow-wrap:anywhere}.line-editor input[type=checkbox],.line-editor input[type=radio]{width:18px;height:18px;margin:0;accent-color:#b4a1ed;flex:none}.binary-field{display:flex;align-items:center;gap:10px;align-self:center;padding-top:22px}.quota-mode{border:0;margin:0;padding:0;min-width:0}.quota-mode legend{font-size:13px;margin-bottom:16px}.quota-mode>div{display:flex;gap:22px;flex-wrap:wrap}.quota-mode label,.line-users label{display:flex;align-items:center;gap:10px;line-height:1.6}.line-users{max-height:300px;overflow-y:auto;margin-top:16px}.line-users>div{padding:12px 0}.line-users label{overflow-wrap:anywhere}.line-editor .errorlist{color:#ffb1bb;font-size:12px;padding-left:18px}.line-editor [hidden]{display:none}.editor-actions{margin-top:28px}.line-editor :disabled{opacity:.65}.line-editor input[type=search]{margin-top:0}
@media(max-width:760px){.line-grid{grid-template-columns:minmax(0,1fr)}.line-facts{grid-template-columns:repeat(2,minmax(0,1fr))}.line-name{flex-wrap:wrap}.line-name>div{flex-basis:calc(100% - 40px)}.line-name>.badge{margin-left:40px}.binary-field{padding-top:0}.header nav{gap:20px;flex-wrap:wrap}.line-actions{flex-wrap:wrap}.line-caption{line-height:1.5}}