/* Gorion control plane — single brand-led visual system. */
:root{color-scheme:dark;--bg:#070a0d;--surface:#10151a;--surface-2:#151b21;--surface-3:#1a2229;--line:rgba(255,255,255,.075);--line-strong:rgba(255,255,255,.14);--text:#f4f7f6;--soft:#a4afac;--faint:#6d7976;--brand:#1effac;--brand-2:#0ad88d;--brand-soft:rgba(30,255,172,.10);--brand-line:rgba(30,255,172,.24);--blue:#70a5ff;--blue-soft:rgba(112,165,255,.12);--amber:#f5b942;--amber-soft:rgba(245,185,66,.1);--red:#ff6b7a;--red-soft:rgba(255,107,122,.1);--radius:18px;--radius-inner:11px;--sidebar-width:248px;--shadow:0 1px 0 rgba(255,255,255,.025) inset,0 20px 60px rgba(0,0,0,.22);--border:var(--line);--border-strong:var(--line-strong);--text-muted:var(--soft);--accent:var(--brand);--ok:var(--brand);--warn:var(--amber);--bad:var(--red)}
*,*::before,*::after{box-sizing:border-box}html{min-width:320px;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:14px;line-height:1.5}body::before{position:fixed;inset:0;z-index:-2;background:radial-gradient(circle at 62% -12%,rgba(30,255,172,.08),transparent 30rem),radial-gradient(circle at 108% 36%,rgba(65,112,255,.055),transparent 32rem),linear-gradient(rgba(255,255,255,.013) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.013) 1px,transparent 1px);background-size:auto,auto,48px 48px,48px 48px;content:"";pointer-events:none}
button,input,select,textarea{font:inherit}a{color:var(--brand);text-decoration:none}a:hover{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}h1,h2,h3,p{margin-block:0}h1{font-size:clamp(30px,3vw,45px);font-weight:650;line-height:1.05;letter-spacing:-.045em;text-wrap:balance}h2{font-size:clamp(18px,1.8vw,23px);font-weight:630;line-height:1.2;letter-spacing:-.025em;text-wrap:balance}h3{font-size:17px;font-weight:640;line-height:1.25;letter-spacing:-.015em}code,.mono{font-family:"SFMono-Regular",Consolas,monospace;font-size:.9em}.num{font-variant-numeric:tabular-nums}::selection{background:var(--brand);color:#03100b}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.skip-link{position:fixed;inset-block-start:12px;inset-inline-start:12px;z-index:100;padding:10px 14px;border-radius:10px;background:var(--brand);color:#03100b;font-weight:700;translate:0 -160%;transition:translate 150ms ease-out}.skip-link:focus{translate:0}
/* Shell */
.sidebar{position:fixed;inset:0 auto 0 0;z-index:20;display:flex;width:var(--sidebar-width);flex-direction:column;padding:26px 18px 22px;border-inline-end:1px solid var(--line);background:rgba(8,11,14,.86);backdrop-filter:blur(24px) saturate(125%)}.brand{display:flex;align-items:center;gap:12px;min-height:46px;padding-inline:8px;color:var(--text)}.brand:hover,.topbar-mobile-brand:hover{color:var(--text);text-decoration:none}.brand-mark{display:grid;width:38px;height:38px;flex:none;place-items:center;border:1px solid var(--brand-line);border-radius:12px;background:linear-gradient(145deg,rgba(30,255,172,.14),rgba(30,255,172,.035));box-shadow:0 0 28px rgba(30,255,172,.09)}.brand-mark img{display:block;width:21px;height:22px;object-fit:contain}.brand-copy{display:grid;gap:1px}.brand-copy strong{font-size:16px;font-weight:700;letter-spacing:-.025em}.brand-copy small{color:var(--faint);font-size:9px;font-weight:650;letter-spacing:.13em;text-transform:uppercase}
.sidebar-nav{margin-top:52px}.nav-label{margin:0 10px 10px;color:var(--faint);font-size:9px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.sidebar .nav{display:grid;gap:5px}.sidebar .nav a{position:relative;display:flex;min-height:45px;align-items:center;gap:11px;padding:7px 10px;border:1px solid transparent;border-radius:12px;color:#8f9b98;font-size:13px;font-weight:600;transition-property:color,background-color,border-color,transform;transition-duration:150ms;transition-timing-function:ease-out}.sidebar .nav a:hover{background:rgba(255,255,255,.035);color:var(--text);text-decoration:none}.sidebar .nav a.active{border-color:var(--brand-line);background:linear-gradient(90deg,rgba(30,255,172,.12),rgba(30,255,172,.035));color:var(--text);box-shadow:0 10px 32px rgba(0,0,0,.18)}.sidebar .nav a.active::after{position:absolute;inset-block:12px;inset-inline-end:-19px;width:2px;border-radius:2px;background:var(--brand);box-shadow:0 0 12px var(--brand);content:""}.nav-icon{display:grid;width:28px;height:28px;flex:none;place-items:center;border-radius:8px;color:#68736f}.nav-icon svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.sidebar .nav a:first-child .nav-icon svg{fill:currentColor;stroke:none}.sidebar .nav a.active .nav-icon{background:var(--brand-soft);color:var(--brand)}
.sidebar-footer{display:grid;gap:18px;margin-top:auto;padding:18px 8px 0;border-top:1px solid var(--line)}.side-health{display:flex;align-items:flex-start;gap:10px}.side-health-dot{width:8px;height:8px;margin-top:5px;flex:none;border-radius:50%;background:var(--brand);box-shadow:0 0 0 4px var(--brand-soft),0 0 16px rgba(30,255,172,.35)}.side-health strong,.side-health small{display:block}.side-health strong{font-size:11px;font-weight:650}.side-health small{margin-top:3px;color:var(--faint);font-size:10px}.side-version{color:#4d5855;font-family:monospace;font-size:9px;letter-spacing:.1em}
.topbar{position:sticky;inset-block-start:0;z-index:15;height:72px;margin-inline-start:var(--sidebar-width);border-block-end:1px solid var(--line);background:rgba(7,10,13,.74);backdrop-filter:blur(22px) saturate(130%)}.topbar-inner{display:flex;width:100%;max-width:1600px;height:100%;align-items:center;gap:20px;margin-inline:auto;padding-inline:clamp(22px,3.4vw,52px)}.topbar-mobile-brand{display:none;align-items:center;gap:10px;color:var(--text);font-size:16px;font-weight:700}.topbar-context{display:grid;gap:1px}.topbar-kicker{color:var(--faint);font-size:9px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.topbar-context strong{font-size:13px;font-weight:620}.topbar-actions{display:flex;align-items:center;gap:13px;margin-inline-start:auto}.topbar-actions form{margin:0}.topbar-divider{width:1px;height:24px;background:var(--line)}.user-chip{display:flex;align-items:center;gap:8px;color:var(--soft);font-size:12px;font-weight:600}.user-avatar{display:grid;width:30px;height:30px;place-items:center;border:1px solid var(--brand-line);border-radius:9px;background:var(--brand-soft);color:var(--brand);font-size:10px;font-weight:750}
.container{width:calc(100% - var(--sidebar-width));max-width:1600px;margin-inline:var(--sidebar-width) 0;padding:clamp(32px,4vw,58px) clamp(22px,3.4vw,52px) 80px}.container.narrow{max-width:900px}
/* Headings and surfaces */
.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;margin-bottom:30px}.page-title-group{display:grid;gap:10px}.eyebrow{color:var(--brand);font-size:9px;font-weight:750;letter-spacing:.15em;text-transform:uppercase}.page-description{max-width:62ch;color:var(--soft);font-size:14px;line-height:1.6;text-wrap:pretty}.page-head-actions{display:flex;align-items:center;gap:14px}.page-head .sub{color:var(--faint);font-size:11px;white-space:nowrap}.section-block{margin-block:40px 24px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:18px}.section-heading>div{display:grid;gap:7px}.section-heading>div>p:last-child,.section-heading>p{max-width:64ch;color:var(--soft);font-size:13px}.flex-between{display:flex;align-items:center;justify-content:space-between;gap:16px}.grow{min-width:0;flex:1}.muted,.small-text{color:var(--soft)}.small-text{font-size:12px}.nowrap{white-space:nowrap}.mb-16{margin-bottom:16px!important}.mt-16{margin-top:16px!important}.mt-24{margin-top:24px!important}
.card{position:relative;margin-bottom:18px;padding:22px;border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(145deg,rgba(255,255,255,.02),transparent 45%),var(--surface);box-shadow:var(--shadow)}.card-title{margin-bottom:18px;color:var(--soft);font-size:10px;font-weight:730;letter-spacing:.12em;text-transform:uppercase}.grid{display:grid;gap:16px;margin-bottom:18px}.grid>.card{margin-bottom:0}.grid.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.stat{min-height:154px;overflow:hidden;padding:21px}.stat::after{position:absolute;inset:auto -35px -54px auto;width:140px;height:140px;border-radius:50%;background:radial-gradient(circle,var(--stat-glow,rgba(30,255,172,.11)),transparent 66%);content:"";pointer-events:none}.stat-icon{position:absolute;inset-block-start:19px;inset-inline-end:19px;display:grid;width:34px;height:34px;place-items:center;border:1px solid var(--line);border-radius:10px;background:rgba(255,255,255,.025);color:var(--faint)}.stat-icon svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.stat-value{margin-top:24px;font-size:clamp(25px,2.3vw,34px);font-weight:650;line-height:1;letter-spacing:-.045em}.stat-label{margin-top:10px;color:var(--soft);font-size:12px}.stat-detail{display:inline-flex;align-items:center;gap:6px;margin-top:12px;color:var(--faint);font-size:9px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.stat-detail.live{color:var(--brand)}.stat-detail.live i{width:6px;height:6px;border-radius:50%;background:currentColor;box-shadow:0 0 9px currentColor}.stat-users{--stat-glow:rgba(112,165,255,.16)}.stat-users .stat-icon{color:var(--blue)}.stat-online .stat-icon{color:var(--brand)}.stat-download .stat-icon{color:#b58cff}.stat-upload .stat-icon{color:#ffb15c}
/* Controls */
.btn{display:inline-flex;min-height:40px;align-items:center;justify-content:center;gap:7px;padding-inline:15px;border:1px solid var(--line-strong);border-radius:11px;background:rgba(255,255,255,.035);color:var(--text);cursor:pointer;font-size:12px;font-weight:650;line-height:1;box-shadow:0 1px 0 rgba(255,255,255,.045) inset,0 7px 18px rgba(0,0,0,.12);transition-property:background-color,border-color,color,scale,box-shadow;transition-duration:150ms;transition-timing-function:ease-out}.btn:hover{border-color:rgba(255,255,255,.2);background:rgba(255,255,255,.07);color:var(--text);text-decoration:none}.btn:active{scale:.96}.btn.primary{border-color:var(--brand);background:var(--brand);color:#03100b;box-shadow:0 0 0 1px rgba(255,255,255,.1) inset,0 10px 26px rgba(30,255,172,.15)}.btn.primary:hover{border-color:#70ffc9;background:#70ffc9;color:#03100b}.btn.quiet{border-color:transparent;background:transparent;box-shadow:none;color:var(--soft)}.btn.danger{border-color:rgba(255,107,122,.26);background:var(--red-soft);color:var(--red)}.btn.small{min-height:32px;padding-inline:11px;border-radius:8px;font-size:11px}.btn-row{display:flex;flex-wrap:wrap;gap:9px}.btn:disabled{cursor:not-allowed;opacity:.42}.btn:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible,a:focus-visible{outline:2px solid var(--brand);outline-offset:3px}
/* Status, chart, services */
.status-banner{display:flex;min-height:58px;align-items:center;gap:12px;padding:13px 16px;border:1px solid var(--line);border-radius:14px;background:var(--surface)}.admin-health{display:grid;grid-template-columns:auto minmax(0,1fr) auto;margin-bottom:18px}.admin-health h2{font-size:14px;letter-spacing:-.01em}.admin-health p{margin-top:2px;color:var(--soft);font-size:12px}.admin-health.ok{border-color:var(--brand-line);background:linear-gradient(90deg,var(--brand-soft),rgba(30,255,172,.025))}.admin-health.warn{border-color:rgba(245,185,66,.25);background:var(--amber-soft)}.admin-health.bad{border-color:rgba(255,107,122,.26);background:var(--red-soft)}.dot{display:inline-block;width:8px;height:8px;flex:none;border-radius:50%;background:var(--faint)}.dot.ok{background:var(--brand);box-shadow:0 0 10px rgba(30,255,172,.3)}.dot.warn{background:var(--amber)}.dot.bad{background:var(--red)}.badge{display:inline-flex;align-items:center;gap:6px;padding:4px 9px;border:1px solid var(--line);border-radius:999px;color:var(--soft);font-size:10px;font-weight:650;line-height:1.4;white-space:nowrap}.badge.ok{border-color:var(--brand-line);background:var(--brand-soft);color:var(--brand)}.badge.warn{border-color:rgba(245,185,66,.25);background:var(--amber-soft);color:var(--amber)}.badge.bad{border-color:rgba(255,107,122,.25);background:var(--red-soft);color:var(--red)}.badge.muted{background:rgba(255,255,255,.035)}
.chart-card{overflow:hidden;margin-bottom:22px;padding:26px}.chart-card::before{position:absolute;inset:-100px auto auto 35%;width:440px;height:240px;border-radius:50%;background:rgba(30,255,172,.045);filter:blur(75px);content:"";pointer-events:none}.chart-head{position:relative;display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.chart-head>div:first-child{display:grid;gap:7px}.chart-total{display:grid;gap:1px;text-align:end}.chart-total span{color:var(--faint);font-size:10px;text-transform:uppercase}.chart-total strong{font-size:25px;letter-spacing:-.04em}.chart-legend{position:relative;display:flex;flex-wrap:wrap;gap:20px;margin-top:18px;color:var(--soft);font-size:11px}.chart-legend span{display:inline-flex;align-items:center;gap:7px}.chart-legend b{color:var(--text);font-weight:600}.legend-dot{width:7px;height:7px;border-radius:50%}.legend-dot.down{background:var(--brand);box-shadow:0 0 9px rgba(30,255,172,.3)}.legend-dot.up{background:var(--blue)}
.chart{position:relative;height:270px;margin-top:22px;padding-bottom:25px}.chart svg{display:block;width:100%;height:100%;overflow:visible}.chart-grid line{stroke:rgba(255,255,255,.055);stroke-width:1;vector-effect:non-scaling-stroke}.chart-line{fill:none;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.down-line{stroke:var(--brand);filter:drop-shadow(0 0 5px rgba(30,255,172,.25))}.up-line{stroke:var(--blue)}.chart-area{opacity:.8}.chart-point{fill:var(--surface);stroke-width:2;vector-effect:non-scaling-stroke}.down-point{stroke:var(--brand)}.up-point{stroke:var(--blue)}.chart-axis{position:absolute;inset:auto 0 0;color:var(--faint);font-size:9px}.chart-axis span{position:absolute;translate:-50% 0}.chart-axis .start{translate:0}.chart-axis .end{translate:-100% 0}.chart-empty{margin-top:10px;color:var(--faint);font-size:12px}
.service-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.service-card{display:flex;min-height:220px;flex-direction:column;margin:0;overflow:hidden}.service-card::before{position:absolute;inset:0 auto 0 0;width:2px;background:var(--faint);content:""}.service-card.ok::before{background:var(--brand);box-shadow:0 0 16px rgba(30,255,172,.45)}.service-card.warn::before{background:var(--amber)}.service-card.bad::before{background:var(--red)}.service-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.service-card-head>div{display:grid;gap:7px}.service-card-head .eyebrow{color:var(--faint)}.service-description{min-height:42px;margin-top:22px;color:var(--soft);font-size:12px;line-height:1.55}.service-meta{display:grid;gap:3px;margin-top:14px;color:var(--faint);font-size:10px}.service-meta code{color:var(--soft)}.service-actions{display:flex;gap:8px;margin-top:auto;padding-top:18px}.service-action{margin:0}.status-row{display:flex;min-height:42px;align-items:center;gap:10px;padding-block:9px;border-bottom:1px solid var(--line);font-size:12px}.status-row:last-child{border-bottom:0}.status-row .note{max-width:58%;overflow:hidden;color:var(--faint);font-size:11px;text-overflow:ellipsis;white-space:nowrap}
.getting-started{display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,.9fr) auto;align-items:center;gap:28px;margin-block:24px;border-color:var(--brand-line);background:radial-gradient(circle at 84% 5%,rgba(30,255,172,.12),transparent 18rem),linear-gradient(120deg,#111b19,#0d1215 64%)}.getting-started>div{display:grid;gap:8px}.setup-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:0;padding:0;list-style:none}.setup-steps li{display:grid;gap:4px;padding:12px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.025)}.setup-steps li>span{display:none}.setup-steps strong{font-size:11px}.setup-steps small{color:var(--faint);font-size:9px}
/* Forms and tables */
.field{margin-bottom:17px}.field-last{margin-bottom:0}.field label{display:block;margin-bottom:7px;color:var(--text);font-size:11px;font-weight:650}.field .hint,.hint{margin-top:7px;color:var(--faint);font-size:11px;line-height:1.5}.field-tag{display:inline-flex;margin-inline-start:6px;padding:2px 6px;border:1px solid var(--line);border-radius:999px;color:var(--faint);font-size:8px;font-weight:700;text-transform:uppercase}.field-tag.is-required{border-color:rgba(245,185,66,.26);background:var(--amber-soft);color:var(--amber)}
input[type=text],input[type=password],input[type=number],input[type=url],input[type=email],select,textarea{width:100%;min-height:42px;padding:9px 12px;border:1px solid var(--line-strong);border-radius:10px;background:#0b1014;color:var(--text);caret-color:var(--brand);transition-property:border-color,background-color,box-shadow;transition-duration:150ms;transition-timing-function:ease-out}.field input:hover{border-color:rgba(255,255,255,.21)}.field input:focus{border-color:var(--brand-line);background:#0d1317;box-shadow:0 0 0 3px var(--brand-soft)}.field input::placeholder{color:#4e5956}.form-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.form-row>.field:only-child{grid-column:1/-1}.settings-step .form-row{grid-template-columns:repeat(3,minmax(0,1fr))}
.table-wrap{width:100%;overflow-x:auto;overscroll-behavior-inline:contain}.table-wrap::-webkit-scrollbar{height:8px}.table-wrap::-webkit-scrollbar-thumb{border-radius:8px;background:var(--surface-3)}table{width:100%;border-collapse:collapse;font-size:12px}th{padding:10px 16px 11px 0;border-bottom:1px solid var(--line-strong);color:var(--faint);font-size:9px;font-weight:750;letter-spacing:.11em;text-align:start;text-transform:uppercase}td{padding:14px 16px 14px 0;border-bottom:1px solid var(--line);vertical-align:middle}tbody tr:last-child td{border-bottom:0}.cell-main{font-weight:640}.cell-sub{margin-top:3px;color:var(--faint);font-size:10px}.meter{min-width:100px;height:6px;margin-top:7px;overflow:hidden;border-radius:99px;background:rgba(255,255,255,.065)}.meter>span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--brand-2),var(--brand))}.meter.full>span{background:var(--red)}
.fold summary{color:var(--brand);cursor:pointer;font-size:11px;font-weight:650}.fold-body{min-width:min(520px,75vw);padding-block:16px 4px}.technical-fold{margin-top:15px}.technical-fold summary{color:var(--soft);cursor:pointer;font-size:11px}.linkbox{display:flex;min-width:0;align-items:center;gap:10px;margin-top:12px;padding:6px 6px 6px 11px;border:1px solid var(--line);border-radius:11px;background:#090d10}.linkbox code{min-width:0;flex:1;overflow:hidden;color:var(--soft);text-overflow:ellipsis;white-space:nowrap}.alert{margin-bottom:18px;padding:12px 15px;border:1px solid var(--line);border-radius:12px;font-size:12px}.alert.ok{border-color:var(--brand-line);background:var(--brand-soft);color:var(--brand)}.alert.bad{border-color:rgba(255,107,122,.26);background:var(--red-soft);color:var(--red)}.empty{padding:34px 18px;color:var(--faint);text-align:center}.empty-title{color:var(--soft);font-weight:650}
/* Settings */
.settings-page .page-head{align-items:flex-end}.setup-progress{position:sticky;inset-block-start:88px;z-index:10;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:18px;padding:8px;border:1px solid var(--line);border-radius:15px;background:rgba(9,13,16,.82);backdrop-filter:blur(18px)}.setup-progress a{display:flex;min-height:43px;align-items:center;gap:9px;padding:7px 10px;border-radius:10px;color:var(--soft);font-size:10px;font-weight:620}.setup-progress a:hover{background:var(--surface-2);color:var(--text);text-decoration:none}.setup-progress span{display:grid;width:24px;height:24px;flex:none;place-items:center;border:1px solid var(--brand-line);border-radius:8px;background:var(--brand-soft);color:var(--brand);font-size:9px}
.settings-save-bar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px;padding:13px 16px;border:1px solid var(--brand-line);border-radius:14px;background:var(--brand-soft)}.settings-save-bar p{color:var(--soft);font-size:11px}.settings-step{scroll-margin-top:158px}.step-heading{display:flex;align-items:flex-start;gap:14px;margin-bottom:24px}.step-heading>div{display:grid;gap:6px}.step-heading p:last-child{max-width:70ch;color:var(--soft);font-size:12px}.step-number{display:grid;width:35px;height:35px;flex:none;place-items:center;border:1px solid var(--brand-line);border-radius:11px;background:var(--brand-soft);color:var(--brand);font-size:11px;font-weight:750}
.protocol-settings-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:22px}.protocol-setting{position:relative;display:flex;min-height:80px;align-items:center;gap:11px;padding:13px;border:1px solid var(--line);border-radius:13px;background:#0b0f13;cursor:pointer;transition-property:border-color,background-color;transition-duration:150ms}.protocol-setting:hover{border-color:var(--line-strong);background:var(--surface-2)}.protocol-setting input{position:absolute;opacity:0}.protocol-check{display:grid;width:19px;height:19px;flex:none;place-items:center;border:1px solid var(--line-strong);border-radius:6px}.protocol-setting input:checked+.protocol-check{border-color:var(--brand);background:var(--brand)}.protocol-setting input:checked+.protocol-check::after{width:6px;height:10px;border:solid #04100c;border-width:0 2px 2px 0;content:"";rotate:45deg;translate:0 -1px}.protocol-setting:has(input:focus-visible){outline:2px solid var(--brand);outline-offset:3px}.protocol-setting-copy{display:grid;min-width:0}.protocol-setting-copy strong{font-size:11px}.protocol-setting-copy small{color:var(--faint);font-size:9px}.protocol-setting-state{margin-inline-start:auto;color:var(--faint);font-family:monospace;font-size:8px;text-transform:uppercase}.protocol-setting.is-unavailable{cursor:not-allowed;opacity:.48}.selection-count{color:var(--brand);font-size:10px;font-weight:650}.settings-checks{display:grid;gap:8px}.settings-checks label{display:flex;align-items:center;gap:9px;min-height:44px;padding:10px 12px;border:1px solid var(--line);border-radius:11px;background:#0b0f13}.maintenance-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.maintenance-action{padding:16px;border:1px solid var(--line);border-radius:13px;background:#0b0f13}.maintenance-action p{margin-block:5px 13px;color:var(--faint);font-size:11px}.secret-list{margin-top:20px;padding-top:14px;border-top:1px solid var(--line)}.security-card{border-color:rgba(112,165,255,.18)}.maintenance-card{border-color:rgba(245,185,66,.15)}
/* User page */
.user-body{min-height:100vh;background:#080b0e}.user-body::before{background:radial-gradient(circle at 76% 2%,rgba(30,255,172,.12),transparent 34rem),radial-gradient(circle at 0 70%,rgba(112,165,255,.07),transparent 32rem)}.user-page{width:min(100%,1260px);margin:0 auto;padding:clamp(22px,4vw,56px) 24px 70px}.user-hero{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,380px);align-items:end;gap:28px;overflow:hidden;margin-bottom:24px;padding:clamp(28px,4.8vw,58px);border:1px solid var(--brand-line);border-radius:28px;background:radial-gradient(circle at 85% 8%,rgba(30,255,172,.18),transparent 25rem),linear-gradient(130deg,#111b19 0%,#0c1114 68%);box-shadow:0 28px 90px rgba(0,0,0,.35)}.user-hero::after{position:absolute;inset:auto -100px -180px auto;width:390px;height:390px;border:1px solid rgba(30,255,172,.14);border-radius:50%;box-shadow:0 0 0 40px rgba(30,255,172,.025),0 0 0 80px rgba(30,255,172,.015);content:"";pointer-events:none}.user-brand{position:relative;z-index:1;display:flex;align-items:center;gap:10px;margin-bottom:46px}.user-brand .brand-mark{width:34px;height:34px;border-radius:10px}.user-brand .brand-mark img{width:18px}.user-brand strong{font-size:14px}.user-brand>span:last-child{padding-inline-start:10px;border-inline-start:1px solid var(--line-strong);color:var(--faint);font-size:9px;letter-spacing:.12em;text-transform:uppercase}.user-head{position:relative;z-index:1;display:flex;align-items:center;justify-content:flex-start;gap:12px;margin-bottom:11px}.user-head h1{font-size:clamp(32px,4.8vw,58px)}.user-head .sub{padding:5px 10px;border:1px solid var(--brand-line);border-radius:999px;background:var(--brand-soft);color:var(--brand);font-size:10px}.user-intro{position:relative;z-index:1;max-width:60ch;color:var(--soft);font-size:14px;line-height:1.65}.user-hero .status-banner{position:relative;z-index:1;border-color:var(--brand-line);background:rgba(6,18,13,.52);color:var(--text)}.user-grid{display:grid;grid-template-columns:minmax(250px,.31fr) minmax(0,1fr);align-items:start;gap:20px}.user-sidebar .card{margin-bottom:16px}.subscription-card{background:linear-gradient(145deg,var(--brand-soft),transparent 55%),var(--surface)}.subscription-value{font-size:24px;font-weight:650;letter-spacing:-.04em}.quick-card{border-color:var(--brand-line)}.quick-card .steps{padding-inline-start:18px;color:var(--soft);font-size:11px}.quick-card .steps li+li{margin-top:8px}.protocol-grid{display:grid;gap:12px}.proto-card{display:grid;grid-template-columns:116px minmax(0,1fr);gap:20px;min-height:166px;margin:0}.proto-card .qr{width:116px;height:116px;padding:7px;border-radius:13px;background:#fff;outline:1px solid rgba(255,255,255,.1)}.proto-card .body{min-width:0}.proto-card .body h2{font-size:17px}.proto-card .desc{margin-top:7px;color:var(--soft);font-size:11px}.proto-card .btn-row{margin-top:10px}.footnote{margin-top:26px;color:var(--faint);font-size:10px;text-align:center}
/* Auth */
.auth-body{min-height:100vh;overflow-x:hidden}.auth-body::before{background:radial-gradient(circle at 23% 50%,rgba(30,255,172,.12),transparent 29rem),linear-gradient(rgba(255,255,255,.015) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.015) 1px,transparent 1px);background-size:auto,52px 52px,52px 52px}.login-wrap{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr);width:min(100%,1220px);min-height:100vh;align-items:stretch;gap:clamp(40px,8vw,120px);margin:0 auto;padding:40px 56px}.login-aside{position:relative;display:flex;flex-direction:column;justify-content:space-between;padding-block:10px}.login-brand{display:flex;align-items:center;gap:11px}.login-brand>span:last-child{display:grid}.login-brand strong{font-size:16px}.login-brand small{color:var(--faint);font-size:9px;letter-spacing:.11em;text-transform:uppercase}.login-message{position:relative;z-index:2;max-width:560px}.login-message h2{margin-top:18px;font-size:clamp(44px,6.2vw,82px);font-weight:590;line-height:.94;letter-spacing:-.07em}.login-message h2 em{color:var(--brand);font-style:normal}.login-message p{max-width:36ch;margin-top:24px;color:var(--soft);font-size:15px;line-height:1.6}.login-orbit{position:absolute;inset:50% auto auto 56%;width:min(36vw,420px);aspect-ratio:1;translate:-50% -50%;border:1px solid rgba(30,255,172,.09);border-radius:50%;pointer-events:none}.login-orbit::before,.login-orbit::after{position:absolute;inset:14%;border:1px solid rgba(30,255,172,.075);border-radius:inherit;content:""}.login-orbit::after{inset:30%}.login-orbit img{position:absolute;inset:50% auto auto 50%;width:54px;height:56px;opacity:.14;translate:-50% -50%}.login-orbit span{position:absolute;width:7px;height:7px;border-radius:50%;background:var(--brand);box-shadow:0 0 18px var(--brand)}.login-orbit span:nth-child(1){inset:8% 24% auto auto}.login-orbit span:nth-child(2){inset:auto auto 19% 4%;opacity:.55}.login-orbit span:nth-child(3){inset:48% -1% auto auto;opacity:.3}.login-card{align-self:center;width:100%;max-width:430px;margin:0;padding:34px;border-color:var(--line-strong);border-radius:22px;background:rgba(16,21,26,.88);backdrop-filter:blur(22px)}.login-card h1{margin:9px 0 28px;font-size:28px}.login-card .btn{width:100%;min-height:46px}
/* Wizard */
.setup-wizard{width:min(100%,820px);margin-inline:auto;padding-top:48px}.wizard-hero{display:grid;gap:10px;margin-bottom:24px}.wizard-progress{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:0 0 18px;padding:0;list-style:none}.wizard-progress-3{grid-template-columns:repeat(3,minmax(0,1fr))}.wizard-progress li{display:flex;min-width:0;align-items:center;gap:9px;padding:9px 11px;border:1px solid var(--line);border-radius:11px;background:var(--surface);color:var(--faint)}.wizard-progress li>span{display:grid;width:24px;height:24px;flex:none;place-items:center;border-radius:7px;background:var(--surface-3);font-size:9px}.wizard-progress li strong{overflow:hidden;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.wizard-progress li.active{border-color:var(--brand-line);color:var(--text)}.wizard-progress li.active>span,.wizard-progress li.done>span{background:var(--brand);color:#03100b}.wizard-progress li.done{color:var(--brand)}.wizard-pane[hidden]{display:none}.wizard-actions{display:flex;justify-content:space-between;gap:12px;margin-top:24px}.wizard-actions .btn:only-child,.wizard-actions [data-next]:last-child{margin-inline-start:auto}.server-address-line{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px;padding:12px 14px;border:1px solid var(--line);border-radius:11px;background:#0b0f13;color:var(--faint);font-size:11px}.server-address-line code{color:var(--text)}.wizard-requirements{margin-bottom:18px;padding:15px 16px;border:1px solid rgba(112,165,255,.16);border-radius:12px;background:var(--blue-soft);color:var(--soft);font-size:11px}.wizard-requirements strong{color:var(--text)}.wizard-requirements ol{margin:8px 0 0;padding-inline-start:20px}.wizard-requirements li+li{margin-top:5px}.wizard-requirements p{display:flex;align-items:center;flex-wrap:wrap;gap:9px;margin-top:12px}.wizard-requirements p[hidden]{display:none}.field-error{min-height:18px;margin-top:5px;color:var(--red);font-size:11px}.domain-check-panel{display:grid;grid-template-columns:38px minmax(0,1fr);align-items:center;gap:13px;min-height:92px;padding:16px;border:1px solid var(--line);border-radius:12px;background:#0b0f13}.domain-check-mark{display:grid;width:38px;height:38px;place-items:center;border-radius:11px;background:var(--surface-3);color:var(--soft);font-size:17px}.domain-check-panel p{margin-top:3px;color:var(--faint);font-size:11px}.domain-check-panel.is-ok{border-color:var(--brand-line);background:var(--brand-soft)}.domain-check-panel.is-ok .domain-check-mark{background:var(--brand);color:#03100b}.domain-check-panel.is-bad{border-color:rgba(255,107,122,.25);background:var(--red-soft)}.wizard-summary{margin:0}.wizard-summary>div{display:grid;grid-template-columns:180px minmax(0,1fr);gap:12px;padding:12px 0;border-bottom:1px solid var(--line)}.wizard-summary>div:last-child{border-bottom:0}.wizard-summary dt{color:var(--faint);font-size:11px}.wizard-summary dd{margin:0;font-weight:600;overflow-wrap:anywhere}.wizard-required-note{color:var(--faint);font-size:10px;text-align:center}
/* Motion and responsive */
.motion-supported [data-motion]{opacity:0;translate:0 10px}.motion-supported.motion-ready [data-motion]{animation:reveal .5s cubic-bezier(.2,0,0,1) var(--motion-delay,0ms) forwards}@keyframes reveal{to{opacity:1;translate:0}}
@media(hover:hover){.card:not(.chart-card):not(.login-card):not(.getting-started){transition-property:border-color,background-color;transition-duration:180ms}.card:not(.chart-card):not(.login-card):not(.getting-started):hover{border-color:rgba(255,255,255,.115);background-color:var(--surface-2)}}
@media(max-width:1180px){.grid.cols-4,.service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.getting-started{grid-template-columns:minmax(0,1fr) minmax(330px,1fr)}.getting-started>.btn{grid-column:1/-1;justify-self:start}.protocol-settings-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.settings-step .form-row{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){:root{--sidebar-width:0px}.sidebar{display:none}.topbar{margin-inline-start:0}.topbar-mobile-brand{display:flex}.container{width:100%;margin-inline:0}.login-wrap{padding-inline:28px;gap:42px}.user-grid{grid-template-columns:1fr}.user-sidebar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.user-sidebar .card{margin:0}}
@media(max-width:700px){h1{font-size:31px}.topbar{height:auto;min-height:66px}.topbar-inner{flex-wrap:wrap;padding:11px 16px}.topbar-context{order:3;width:100%;padding-top:9px;border-top:1px solid var(--line)}.user-chip>span:last-child,.topbar-divider{display:none}.container{padding:30px 16px 64px}.page-head,.section-heading{align-items:flex-start;flex-direction:column;gap:17px}.page-head-actions{width:100%;align-items:flex-start;flex-direction:column}.page-head-actions form,.page-head-actions .btn{width:100%}.grid.cols-2,.grid.cols-4,.service-grid{grid-template-columns:1fr}.admin-health{grid-template-columns:auto minmax(0,1fr)}.admin-health .btn{grid-column:2;justify-self:start}.chart-card{padding:19px}.chart{height:230px}.getting-started{grid-template-columns:1fr}.getting-started>.btn{grid-column:auto}.setup-steps{grid-template-columns:1fr}.form-row,.settings-step .form-row{grid-template-columns:1fr}.settings-save-bar{align-items:stretch;flex-direction:column}.setup-progress{position:static;grid-template-columns:repeat(2,minmax(0,1fr))}.protocol-settings-grid,.maintenance-grid{grid-template-columns:1fr}.user-page{padding:18px 14px 54px}.user-hero{grid-template-columns:1fr;padding:26px 22px;border-radius:20px}.user-brand{margin-bottom:30px}.user-sidebar{grid-template-columns:1fr}.proto-card{grid-template-columns:86px minmax(0,1fr);gap:14px;padding:16px}.proto-card .qr{width:86px;height:86px}.linkbox{align-items:stretch;flex-direction:column;padding:9px}.linkbox .btn{width:100%}.login-wrap{display:flex;min-height:100vh;flex-direction:column;gap:32px;padding:22px 18px 34px}.login-aside{min-height:330px;padding:2px}.login-message h2{font-size:49px}.login-orbit{width:300px}.login-card{max-width:none;padding:25px}.wizard-progress{grid-template-columns:1fr}.wizard-summary>div{grid-template-columns:1fr;gap:2px}.wizard-actions{align-items:stretch;flex-direction:column-reverse}.wizard-actions .btn{width:100%}.fold-body{min-width:70vw}}
@media(max-width:420px){.proto-card{grid-template-columns:1fr}.proto-card .qr{width:116px;height:116px}.chart-head{align-items:flex-start;flex-direction:column}.chart-total{text-align:start}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.motion-supported [data-motion]{opacity:1;translate:none}.sidebar .nav a,.btn,.card{transition-duration:0ms!important}.login-orbit{display:none}}
@media(forced-colors:active){.btn,.card,.status-banner,.sidebar .nav a.active{border:1px solid CanvasText}.dot,.side-health-dot{forced-color-adjust:none}.btn:focus-visible,input:focus-visible,a:focus-visible{outline-color:Highlight}}