:root{font-family:Inter,"Segoe UI",system-ui,sans-serif;color:#e6ebf2;background:#101319;font-synthesis:none;color-scheme:dark;--muted:#929caa;--line:#2a303b;--accent:#65e0b5;--panel:#181d25;--danger:#ff979f}
*{box-sizing:border-box}body{margin:0}button,input{font:inherit}a{color:inherit;text-decoration:none}button,a,input{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:4px}[hidden]{display:none!important}h1,h2,h3,p{margin:0}h1{font-size:2.25rem;font-weight:650;letter-spacing:-.055em;line-height:1.2}h2{font-size:1.125rem;font-weight:600;letter-spacing:-.025em}h3{font-size:.9375rem;font-weight:600;margin-bottom:12px}small{font-size:.8125rem;line-height:1.6}.muted{color:var(--muted)}.accent{color:var(--accent)}.eyebrow{font-size:.75rem;font-weight:600;letter-spacing:.16em;color:var(--muted);margin-bottom:14px}.brand{display:flex;align-items:center;gap:0;font-size:1.35rem;font-weight:700;letter-spacing:-.055em;white-space:nowrap}.brand-light{font-weight:400;color:#bbc4d0}.brand-mark{display:grid;place-items:center;background:var(--accent);color:#10271f;border-radius:9px;width:34px;height:36px;font-size:1.15rem;font-weight:900;letter-spacing:-.13em;padding-right:3px;margin-right:10px}.primary,.secondary,.danger-button{border:0;border-radius:7px;font-size:.875rem;font-weight:600;padding:12px 18px;display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:44px;transition:background .15s}.primary{background:var(--accent);color:#10271f;box-shadow:0 1px 0 #ffffff20 inset}.primary:hover{background:#90efcb}.secondary{background:#242c38;color:#dce5ef;border:1px solid #36404f}.secondary:hover{background:#303b4b}.icon-button{display:grid;place-items:center;border:0;border-radius:5px;background:transparent;color:#b6c0d0;font-size:1.15rem;min-width:36px;height:36px}.icon-button:hover{background:#28313e;color:white}.danger-button{color:var(--danger);background:#3b242c}.text-button{border:0;background:transparent;color:var(--accent);font-size:.875rem;padding:8px 0}.login-screen{min-height:100vh;display:grid;place-items:center;padding:32px;background:radial-gradient(ellipse at 70% 15%,#1c363440,transparent 55%),#101319}.login-card{width:100%;max-width:420px}.login-card .brand{margin-bottom:70px}.login-card h1{font-size:2.55rem;margin:0 0 20px}.login-card>.muted{line-height:1.7;margin-bottom:32px}.login-card label{margin-bottom:10px}.login-card .primary{width:100%;justify-content:space-between;margin:10px 0 24px}.login-card small{display:block;color:var(--muted)}label{font-size:.875rem;display:block;color:#c8d0dc}input:not([type=checkbox]){width:100%;border:1px solid #343d4b;background:#10161e;color:#e6edf5;border-radius:7px;padding:12px 13px;min-height:44px;outline-offset:2px;font-size:.9375rem}input::placeholder{color:#707e90}input:not([type=checkbox]):focus{border-color:var(--accent)}.error{font-size:.875rem;color:var(--danger);line-height:1.6;min-height:8px;margin-top:12px}.workspace{display:grid;grid-template-columns:224px minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;border-right:1px solid var(--line);background:#141820;padding:32px 18px 18px;display:flex;flex-direction:column}.sidebar>.brand{padding-left:8px;margin-bottom:51px}.nav-caption{font-size:.6875rem;letter-spacing:.12em;color:#778394;padding:0 12px;margin-bottom:14px}.sidebar nav{display:grid;gap:6px}.nav-link{display:flex;gap:12px;align-items:center;font-size:.875rem;font-weight:500;border-radius:7px;min-height:44px;padding:10px 12px;color:#9ca8b9}.nav-link:hover{background:#202731;color:#e2e8ef}.nav-link.active{background:#243730;color:#9bf0cd}.nav-icon{font-size:1.2rem;width:18px;text-align:center}.count{margin-left:auto;display:grid;place-items:center;min-width:22px;height:20px;background:#344b40;border-radius:4px;font-size:.75rem;color:#a4eaca}.sidebar-bottom{margin-top:auto;padding-top:40px}.node-status{font-size:.75rem;color:#c0c8d2;display:flex;align-items:center;gap:8px;background:#1d242d;border:1px solid #29343e;padding:12px 10px;border-radius:6px;margin-bottom:22px}.node-status>.muted{margin-left:auto;font-size:.6875rem;font-family:monospace}.status-dot{width:6px;height:6px;background:var(--accent);border-radius:100%;flex-shrink:0;display:inline-block}.admin-user{display:flex;align-items:center;gap:10px;font-size:.8125rem}.admin-user small{display:block;color:var(--muted);font-size:.6875rem}.avatar{display:grid;place-items:center;width:32px;height:34px;background:#334049;color:#b8e0d4;border-radius:7px}.admin-user .icon-button{margin-left:auto}.main{min-width:0}.topbar{height:72px;border-bottom:1px solid var(--line);padding:0 40px;display:flex;align-items:center;justify-content:space-between;gap:20px;color:#909bad;font-size:.8125rem}.topbar strong{color:#cbd4df;font-weight:500}.topbar>span:first-child{display:flex;gap:14px}.version{font-size:.625rem;letter-spacing:.12em;white-space:nowrap}.version span{font-family:monospace;color:#adbac9;padding:4px 7px;background:#252c36;border-radius:4px;margin-left:5px}.content{max-width:1500px;margin:auto;padding:40px}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-bottom:32px}.page-heading .muted{font-size:.875rem;line-height:1.7;margin-top:12px}.page-heading>.primary{flex-shrink:0}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid var(--line);border-radius:9px;background:var(--panel);margin-bottom:40px;overflow:hidden}.metric{padding:23px 24px;border-right:1px solid var(--line);min-width:0}.metric:last-child{border:0}.metric>span{display:block;color:#aab5c4;font-size:.8125rem}.metric strong{font-size:2rem;font-weight:550;font-variant-numeric:tabular-nums;letter-spacing:-.04em;display:block;margin:14px 0 10px}.metric small{color:#7e8c9e;font-size:.75rem}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.section-heading h2>.muted{font-size:.875rem;margin-left:8px}.search-label{display:flex;align-items:center;gap:6px;position:relative}.search-label>span{position:absolute;left:12px;font-size:1.4rem;color:#8390a2}.search-label input{width:230px;padding:9px 12px 9px 36px;font-size:.8125rem;min-height:38px;background:#151b24;border-color:var(--line)}.sites-list{border:1px solid var(--line);border-radius:9px;background:#151a22;overflow:hidden}.site-row{display:grid;grid-template-columns:minmax(180px,1.5fr) minmax(145px,1.2fr) minmax(125px,1fr) auto;align-items:center;gap:20px;padding:23px 24px;border-bottom:1px solid var(--line)}.site-row:last-child{border-bottom:0}.site-name{display:flex;align-items:center;gap:14px;min-width:0}.site-monogram{display:grid;place-items:center;width:40px;height:42px;border:1px solid #36453e;background:#26342f;color:#a9d9c4;border-radius:8px;font-size:1rem;font-weight:600;flex-shrink:0}.site-domain{font-weight:600;font-size:.9375rem;overflow-wrap:anywhere}.site-details{font-size:.75rem;color:#8391a3;margin-top:6px;overflow-wrap:anywhere}.site-origin{font-family:ui-monospace,Consolas,monospace;font-size:.75rem;color:#8a98aa;margin-top:6px;overflow-wrap:anywhere}.site-status{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.badge{font-size:.6875rem;padding:4px 7px;line-height:1.4;border:1px solid #34473d;background:#1d3129;color:#9be2bd;border-radius:4px;white-space:nowrap}.badge.neutral{background:#242b35;border-color:#354050;color:#a6b6cb}.badge.warning{background:#322c1d;border-color:#57472a;color:#e7c486}.badge.danger{background:#36262d;border-color:#593943;color:#f3a0b0}.site-protection{font-size:.8125rem;color:#c3cedb;display:flex;gap:7px;align-items:center}.site-row .secondary{font-size:.8125rem;padding:8px 13px;min-height:36px}.empty-state{text-align:center;padding:72px 24px}.empty-icon{display:grid;place-items:center;width:56px;height:58px;border:1px solid #394c42;background:#20322b;color:#8bcfb0;border-radius:12px;font-size:1.8rem;margin:0 auto 23px}.empty-state h2{font-size:1.2rem;margin-bottom:12px}.empty-state p{color:var(--muted);font-size:.875rem;line-height:1.7;max-width:370px;margin:0 auto 26px}.footnote{display:flex;align-items:center;gap:7px;font-size:.6875rem;color:#8491a3;margin-top:20px;line-height:1.6}.footnote>span:last-child{margin-left:auto}.notice{border:1px solid #334238;background:#1d2b26;border-radius:7px;color:#afd0bd;font-size:.8125rem;line-height:1.7;padding:12px 14px}.notice strong{font-weight:600}.notice.danger{border-color:#653740;background:#33242b;color:#f3a7b0;margin-bottom:24px}.table-container{overflow:auto;border:1px solid var(--line);border-radius:8px;background:var(--panel)}table{border-collapse:collapse;width:100%;font-size:.8125rem;text-align:left}th{font-size:.6875rem;letter-spacing:.03em;color:#8593a6;font-weight:500;background:#161c25;white-space:nowrap}th,td{padding:14px 17px;border-bottom:1px solid var(--line)}tr:last-child td{border-bottom:0}td{max-width:260px;overflow-wrap:anywhere}td.mono{font-family:ui-monospace,Consolas,monospace;font-size:.75rem;color:#a8b7c9}.system-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:24px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:9px;padding:26px}.panel h2{margin-bottom:12px}.panel .muted{font-size:.875rem;line-height:1.7}.panel dl{margin:20px 0 0;display:grid;grid-template-columns:1fr 1fr;gap:16px;font-size:.8125rem}.panel dt{color:var(--muted)}.panel dd{margin:0;text-align:right;overflow-wrap:anywhere}.inline-form{display:flex;gap:12px;margin-top:20px}.inline-form input{max-width:400px}output{display:block;color:var(--accent);margin-top:16px;font-size:.875rem}dialog{padding:0;border:1px solid #3a4555;border-radius:12px;background:#171d26;color:#e6ebf2;width:760px;max-width:calc(100% - 32px);max-height:90vh;box-shadow:0 35px 120px #0008}dialog::backdrop{background:#090d14c7;backdrop-filter:blur(4px)}.dialog-heading{padding:26px 30px 22px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.dialog-heading .eyebrow{margin-bottom:8px}.dialog-heading h2{font-size:1.5rem}.dialog-body{padding:26px 30px}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.field-grid input{margin-top:9px}.field-help{font-size:.75rem;color:#8c9bad;line-height:1.7;margin-top:11px}.form-section{border-top:1px solid var(--line);margin-top:26px;padding-top:24px}.form-section h3{margin-bottom:16px}.form-section .section-heading{margin-bottom:6px}.form-section .section-heading h3{margin-bottom:0}.subdomain-row{display:grid;grid-template-columns:1fr 1.4fr 32px;gap:12px;margin-top:16px;padding:16px;border:1px solid var(--line);border-radius:7px;align-items:end}.subdomain-options{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:16px 24px}.subdomain-options label{display:flex;align-items:center;gap:12px}.subdomain-options input[type=checkbox]{margin:0}.subdomain-row label{font-size:.75rem}.subdomain-row input{margin-top:6px;font-size:.8125rem}.switch-row{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px}.switch-row strong{font-size:.875rem;font-weight:500;color:#d9e2ed}.switch-row small{display:block;font-size:.75rem;line-height:1.6;margin-top:5px;color:#8a99ac;max-width:500px}input[type=checkbox]{appearance:none;flex-shrink:0;width:36px;height:22px;border:1px solid #495363;border-radius:20px;background:#303a48;position:relative;cursor:pointer;margin:0}input[type=checkbox]::after{content:"";position:absolute;left:3px;top:3px;background:#a2b0c1;width:14px;height:14px;border-radius:100%;transition:transform .15s}input[type=checkbox]:checked{background:#63d6ab;border-color:#63d6ab}input[type=checkbox]:checked::after{transform:translateX(14px);background:#112e22}input[type=checkbox]:disabled{opacity:.4;cursor:not-allowed}.form-section .notice{margin-bottom:20px}.dialog-body>.notice{margin-top:25px}.dialog-footer{position:sticky;bottom:0;padding:18px 30px;background:#1b222d;border-top:1px solid var(--line);display:flex;align-items:center;gap:16px}.footer-actions{margin-left:auto;display:flex;gap:10px}.toast{position:fixed;bottom:26px;right:28px;z-index:20;background:#254135;border:1px solid #466b55;color:#c9f4de;padding:14px 22px;border-radius:8px;box-shadow:0 10px 40px #0005;font-size:.875rem;max-width:calc(100vw - 32px)}
@media(min-width:1600px){.content{padding-top:50px}.page-heading{margin-bottom:40px}.site-row{padding-top:28px;padding-bottom:28px}}
@media(max-width:1150px){.workspace{grid-template-columns:196px minmax(0,1fr)}.sidebar{padding-left:12px;padding-right:12px}.content{padding:30px 24px}.topbar{padding:0 24px}.metric{padding:20px 16px}.metric>span{font-size:.75rem}.site-row{grid-template-columns:minmax(160px,1.5fr) minmax(140px,1fr) auto;gap:15px;padding:22px 18px}.site-rule{display:none}.footnote>span:last-child{display:none}}
@media(max-width:800px){.workspace{display:block}.sidebar{height:auto;position:relative;padding:18px 20px;border-right:0;border-bottom:1px solid var(--line)}.sidebar>.brand{margin:0 0 20px;padding:0}.sidebar nav{display:flex;flex-wrap:wrap;gap:8px}.nav-caption,.sidebar-bottom,.topbar{display:none}.nav-link{font-size:.8125rem;padding:8px 10px}.content{padding:28px 20px}.page-heading{align-items:flex-start}.page-heading h1{font-size:2rem}.page-heading>.primary{font-size:.8125rem;padding:11px 14px}.metrics{grid-template-columns:1fr 1fr}.metric:nth-child(2){border-right:0}.metric:nth-child(-n+2){border-bottom:1px solid var(--line)}.metric strong{font-size:1.75rem;margin:10px 0 6px}.metric{padding:18px}.site-row{grid-template-columns:minmax(0,1fr) auto}.site-connection{grid-column:1}.site-row>.secondary{grid-column:2;grid-row:1/3}.site-name{gap:10px}.site-status{padding-left:50px}.site-origin{padding-left:50px}.section-heading{flex-wrap:wrap}.search-label{flex:1;min-width:150px;max-width:230px}.search-label input{width:100%}.system-grid{grid-template-columns:1fr}.dialog-heading,.dialog-body{padding:22px}.dialog-footer{padding:16px 22px}.field-grid{grid-template-columns:1fr}.subdomain-row{grid-template-columns:1fr 32px}.subdomain-row>label:nth-child(2){grid-row:2;grid-column:1/3}.subdomain-row>.icon-button{grid-column:2;grid-row:1}.footnote{align-items:flex-start}.login-card .brand{margin-bottom:48px}}
@media(max-width:440px){.page-heading{flex-direction:column;gap:18px}.page-heading>.primary{width:100%}.nav-link{gap:6px;font-size:.75rem}.nav-icon{font-size:1rem}.count{display:none}.site-domain{font-size:.8125rem}.site-row{padding:20px 14px;gap:8px}.site-row>.secondary{padding:8px;font-size:.75rem}.dialog-footer{flex-wrap:wrap}.footer-actions{width:100%}.footer-actions>button{flex:1}.inline-form{flex-direction:column}.version{display:none}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}