:root{color-scheme:dark;--bg:#07111e;--bg2:#0a1422;--panel:#0d1b2b;--panel2:#112134;--border:#213247;--text:#f0f5ff;--muted:#8095ad;--blue:#538bfa;--cyan:#56bbfa;--green:#36cf9c;--amber:#f1ae5b;--red:#ed7080;--radius:15px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:14px}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.6}a{color:inherit}.shell{min-height:100vh;display:flex}.sidebar{width:251px;min-width:251px;background:#0a1828;border-right:1px solid var(--border);display:flex;flex-direction:column;padding:29px 17px;min-height:100vh;position:sticky;top:0;height:100vh}.brand{display:flex;gap:13px;align-items:center;margin:5px 8px 58px}.brand-icon,.logo-mark{width:40px;height:40px;border:1px solid #517bcb;background:linear-gradient(145deg,#3775d7,#152c55);display:flex;align-items:center;justify-content:center;border-radius:12px;font-size:28px;color:#e6f2ff;box-shadow:0 8px 24px #2c6cda24}.brand strong{display:block;font-size:16px;letter-spacing:.07em}.brand small{display:block;font-size:9px;letter-spacing:.17em;color:#769acb;margin-top:4px}.side-caption{font-size:10px;font-weight:700;letter-spacing:.17em;color:#61768e;margin:0 14px 16px}.sidebar-links{display:grid;gap:8px}.nav-button{width:100%;border:1px solid transparent;border-radius:10px;background:none;color:#91a6ba;padding:13px 14px;text-align:left;display:flex;align-items:center;gap:14px;font-weight:550}.nav-button:hover,.nav-button.active{background:#172f4d;color:#e5f1ff}.nav-button.active{border-color:#254b79;box-shadow:inset 3px 0 0 var(--blue)}.nav-symbol{font-size:21px;line-height:14px;color:#78a4e9;width:20px;text-align:center}.side-bottom{margin-top:auto;display:grid;gap:12px;padding:0 9px 6px}.side-bottom small{font-size:11px;color:#647d95;overflow-wrap:anywhere}.mini-status{font-size:9px;font-weight:700;letter-spacing:.09em;color:#93bda9;display:flex;align-items:center;gap:10px;padding:12px;background:#122c2d;border-radius:10px}.pulse-dot{width:8px;height:8px;display:inline-block;border-radius:100%;background:#34c995;box-shadow:0 0 0 4px #34c9951d,0 0 16px #34c99566;flex-shrink:0}.content{min-width:0;flex:1;padding:0 37px 45px;max-width:1800px;margin:0 auto}.topbar{height:77px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);margin-bottom:37px}.breadcrumb{font-size:11px;color:#758ca4;font-weight:700;letter-spacing:.10em}.breadcrumb span{color:#3c546b;margin:0 10px}.breadcrumb strong{color:#b3c5d7;letter-spacing:0;font-size:12px}.top-actions{display:flex;align-items:center;gap:20px}.clock{font-size:11px;color:#8297ae}.admin-pill{display:flex;align-items:center;gap:8px;font-size:12px;color:#bed0e4;font-weight:600}.avatar{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#315fa0;color:#eef4ff}.icon-button{width:31px;height:31px;background:#142439;border:1px solid #2c415b;border-radius:8px;color:#cad9ec;font-size:19px}.view{display:none}.view.active{display:block}.heading{display:flex;align-items:end;justify-content:space-between;gap:22px;margin-bottom:28px}.eyebrow{color:#6aa9f5;font-size:10px;font-weight:800;letter-spacing:.18em;display:flex;align-items:center;gap:10px}.eyebrow-dot{width:6px;height:6px;border-radius:50%;background:#3b88ed}.heading h1{font-size:clamp(25px,3vw,37px);letter-spacing:-.04em;margin:10px 0 9px;font-weight:750;line-height:1.17}.gradient-text{background:linear-gradient(90deg,#c9e4ff,#548be9);background-clip:text;color:transparent}.heading p{color:var(--muted);font-size:13px;margin:0;line-height:1.65}.heading-actions{display:flex;gap:10px;flex-shrink:0}.btn{padding:11px 16px;border-radius:9px;border:1px solid var(--border);font-size:12px;font-weight:700;transition:filter .2s,transform .15s}.btn:hover{filter:brightness(1.16)}.btn:active{transform:scale(.98)}.btn.primary{color:white;border-color:#4385f0;background:#3779eb;box-shadow:0 4px 16px #1865ed24}.btn.secondary{background:#11243a;color:#bccde1}.btn.full{width:100%;margin-top:15px}.health-strip{display:flex;align-items:center;gap:15px;background:linear-gradient(90deg,#102b36 0%,#112336 55%,#122136 100%);border:1px solid #24424f;border-radius:10px;padding:15px 19px;margin-bottom:19px}.health-label{font-size:10px;letter-spacing:.12em;font-weight:800;color:#7ab89e;display:flex;align-items:center;gap:11px}.health-strip strong{font-weight:600;color:#e4f5fb;font-size:12px}.strip-spacer{flex:1}.subtle,.muted{color:var(--muted)!important;font-size:12px}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:19px}.metric-card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:21px 19px 15px;min-height:153px;position:relative;overflow:hidden}.metric-top{font-size:10px;font-weight:800;letter-spacing:.09em;color:#91a6bd;display:flex;align-items:center;justify-content:space-between;gap:5px}.metric-symbol{display:inline-grid;place-items:center;height:32px;width:32px;font-size:19px;border-radius:8px;letter-spacing:0}.metric-symbol.blue{color:#78abff;background:#1f3a61}.metric-symbol.green{color:#39d4a1;background:#153b37}.metric-symbol.amber{color:#edb66d;background:#443525}.metric-symbol.red{color:#ef8897;background:#432b39}.metric-value{font-size:36px;font-weight:750;letter-spacing:-.06em;margin-top:12px;line-height:1.1}.metric-hint{font-size:11px;color:#8096ad;margin-top:10px}.green-text{color:var(--green)}.metric-line{position:absolute;bottom:0;left:0;right:0;height:2px}.blue-line{background:linear-gradient(90deg,var(--blue),transparent)}.green-line{background:linear-gradient(90deg,var(--green),transparent)}.amber-line{background:linear-gradient(90deg,var(--amber),transparent)}.red-line{background:linear-gradient(90deg,var(--red),transparent)}.analytics-grid,.bottom-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(310px,1fr);gap:17px;margin-bottom:18px}.bottom-grid{grid-template-columns:minmax(0,1.25fr) minmax(350px,1fr)}.panel{min-width:0;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.panel-heading{padding:22px 23px 14px;display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.panel-heading h2{font-size:15px;font-weight:700;letter-spacing:-.01em;margin:0 0 7px}.panel-heading p{margin:0;color:var(--muted);font-size:11px}.legend{display:flex;gap:16px;flex-wrap:wrap;color:#91a7bd;font-size:10px}.legend span{display:flex;align-items:center;gap:7px}.legend-dot{display:inline-block;width:7px;height:7px;border-radius:2px}.green-bg{background:var(--green)}.red-bg{background:var(--red)}.bar-chart{height:245px;display:flex;align-items:flex-end;justify-content:space-around;gap:6px;padding:13px 22px 25px;border-top:1px solid transparent}.chart-group{height:100%;min-width:0;flex:1;display:flex;align-items:center;flex-direction:column;justify-content:end;gap:9px}.chart-bars{display:flex;gap:3px;align-items:end;width:100%;max-width:33px;height:185px;justify-content:center;border-bottom:1px solid #2c3e53}.chart-bar{width:40%;min-height:2px;border-radius:3px 3px 0 0;transition:height .2s}.chart-bar.activation{background:linear-gradient(0deg,#158b78,#4be5ac)}.chart-bar.removal{background:linear-gradient(0deg,#923e5b,#ed7687)}.chart-label{font-size:9px;color:#637f98;white-space:nowrap}.distribution-panel .panel-heading{padding-bottom:0}.donut-layout{min-height:243px;display:flex;align-items:center;gap:26px;padding:15px 24px 25px}.donut{height:156px;width:156px;border-radius:50%;display:grid;place-items:center;flex-shrink:0;background:conic-gradient(#254463 0% 100%)}.donut-middle{width:115px;height:115px;border-radius:50%;background:var(--panel);display:flex;align-items:center;justify-content:center;flex-direction:column}.donut-middle strong{font-size:28px;letter-spacing:-.06em}.donut-middle small{color:#839ab1;font-size:9px;letter-spacing:.08em;font-weight:750}.donut-legend{display:grid;gap:15px;flex:1}.donut-line{display:flex;align-items:center;gap:10px;font-size:11px;color:#adc0d3}.donut-line b{margin-left:auto;color:#e1ecfa}.donut-marker{height:8px;width:8px;border-radius:2px;flex-shrink:0}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap}th{color:#688198;font-size:9px;letter-spacing:.11em;font-weight:800;background:#101f30;padding:14px 18px}td{font-size:12px;padding:15px 18px;border-top:1px solid #1b2e42;color:#acc0d4;max-width:460px;text-overflow:ellipsis;overflow:hidden}tbody tr:hover td{background:#10243a}.domain-main{font-weight:700;color:#ddecfa}.domain-id{font-size:10px;color:#67839f;margin-top:5px;font-family:ui-monospace,monospace}.status{font-size:10px;font-weight:800;border-radius:6px;padding:6px 9px;display:inline-flex;align-items:center;gap:7px}.status:before{content:'●';font-size:7px}.status.active{color:#57d7a8;background:#13392f}.status.pending{color:#eeb976;background:#3e3023}.status.initializing{color:#9fc2fb;background:#263851}.status.moved{color:#ed8695;background:#432932}.status.removed{color:#b5a0ae;background:#302934}.text-button{border:0;background:none;color:#72a7f3;font-size:11px;font-weight:700;padding:7px}.activity-list{padding:0 22px 13px;max-height:330px;overflow:auto}.activity-row{display:flex;gap:12px;align-items:flex-start;padding:13px 0;border-top:1px solid #1b2e42}.event-icon{width:30px;height:30px;flex-shrink:0;border-radius:8px;display:grid;place-items:center;background:#193750;color:#8ab6fa;font-weight:750}.event-icon.good{background:#143c34;color:#4fdfb1}.event-icon.danger{background:#402a35;color:#ff8ca0}.activity-body{min-width:0;flex:1}.activity-body strong{font-size:11px;color:#cfe1f5;overflow-wrap:anywhere}.activity-body p{font-size:11px;color:#8ca3bb;margin:4px 0 0;line-height:1.45}.activity-time{font-size:10px;color:#65839d;flex-shrink:0}.footnote{color:#5f738a;font-size:10px;margin:20px 1px}.table-toolbar{display:flex;align-items:center;gap:12px;padding:20px}.table-toolbar input,.table-toolbar select,.login-card input{border-radius:9px;border:1px solid #29435b;background:#101f30;color:#dbeaff;padding:11px 13px;outline:none}.table-toolbar input:focus,.table-toolbar select:focus,.login-card input:focus{border-color:#4f88ec;box-shadow:0 0 0 3px #4f88ec18}.table-toolbar input{width:min(380px,100%);flex:1}.table-toolbar select{max-width:230px}.table-toolbar span{margin-left:auto}.table-toolbar input::placeholder{color:#65839e}.channel-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:22px}.channel-card{padding:20px;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius)}.channel-icon{height:38px;width:38px;background:#193754;border-radius:10px;display:grid;place-items:center;color:#96c5ff;font-size:20px}.channel-card h3{font-size:13px;margin:15px 0 7px}.channel-card p{font-size:11px;color:var(--muted);margin:0 0 16px}.channel-card .btn{width:100%}.note-card{border:1px solid #3c4f60;background:#132333;color:#a9bbcc;border-radius:10px;padding:16px 20px;font-size:12px;line-height:1.7}.notice{padding:15px 18px;margin-bottom:16px;border:1px solid #3b6191;color:#c0deff;background:#142c46;border-radius:10px;line-height:1.5}.notice.error{background:#36202d;color:#ffb4bf;border-color:#854456}.notice.hidden{display:none}.empty-text{color:#6e88a1;font-size:12px;text-align:center;padding:26px 10px}.login-body{min-height:100vh;display:grid;place-items:center;padding:20px;background:radial-gradient(circle at 50% 15%,#152c46,#07111e 57%)}.login-card{width:min(420px,100%);padding:42px;background:#0e1e30;border:1px solid #2a4058;border-radius:18px;box-shadow:0 20px 70px #02070c77}.login-card .logo-mark{margin-bottom:26px}.login-card h1{font-size:29px;letter-spacing:-.04em;margin:10px 0}.login-card h1 span{color:#6da5ff}.login-card .muted{line-height:1.7;margin:0 0 24px}.login-card form{display:grid;gap:11px}.login-card label{font-size:11px;font-weight:700;color:#a5b7ca;margin-top:7px}.login-footer{font-size:9px;letter-spacing:.11em;color:#647c96;text-align:center;margin:23px 0 0}.login-error{color:#ff9bac;background:#382331;border:1px solid #6f394a;padding:10px;border-radius:8px;font-size:12px}@media(max-width:1250px){.content{padding:0 22px 35px}.analytics-grid,.bottom-grid{grid-template-columns:1fr}.channel-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:850px){.shell{display:block}.sidebar{width:100%;min-width:0;height:auto;min-height:0;position:relative;padding:12px 15px;flex-direction:row;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px}.brand{margin:0}.side-caption,.side-bottom{display:none}.sidebar-links{display:flex;overflow:auto}.nav-button{font-size:11px;padding:10px;white-space:nowrap}.content{padding:0 15px 30px}.topbar{height:56px;margin-bottom:22px}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.heading{align-items:start;flex-direction:column}.heading-actions{width:100%}.heading-actions .btn{flex:1}.donut-layout{justify-content:center}.clock{display:none}}@media(max-width:520px){.brand small{display:none}.sidebar{display:block}.sidebar-links{margin-top:12px}.brand-icon{width:29px;height:29px;font-size:20px}.brand strong{font-size:12px}.nav-button{gap:6px;padding:9px}.metrics,.channel-grid{grid-template-columns:1fr}.heading h1{font-size:25px}.metric-card{min-height:132px}.health-strip{flex-wrap:wrap}.strip-spacer{display:none}.subtle{width:100%}.donut-layout{flex-direction:column}.donut-legend{width:100%}.chart-label{font-size:8px;transform:rotate(-45deg)}.table-toolbar{flex-wrap:wrap}.table-toolbar input,.table-toolbar select{width:100%;max-width:none;flex:auto}.admin-pill{font-size:0}.admin-pill .avatar{font-size:12px}.breadcrumb{font-size:9px}}