.adm{grid-template-columns:76px 1fr;height:100vh;display:grid;overflow:hidden}.adm .rail{background:linear-gradient(#11203a 0%,#0b1626 100%)}.adm .rail .brand{background:linear-gradient(150deg,#3f7fd6,#2456a6);box-shadow:0 6px 16px #14326e80}.adm .rail-btn.active{color:#8fc0ff;background:#508ce62e}.adm .rail-btn.active:before{background:#5b9bf0}.adm .rail .me{color:#d7e4f5;background:#2b4368}.adm-main{background:var(--bg);overflow-y:auto}.adm-top{background:var(--surface);border-bottom:1px solid var(--border);z-index:10;align-items:center;gap:18px;padding:18px 30px;display:flex;position:sticky;top:0}.adm-top h1{letter-spacing:-.3px;margin:0;font-size:21px;font-weight:800}.adm-top .sub{color:var(--muted);margin-top:2px;font-size:13px}.adm-top .grow{flex:1}.seg{background:var(--surface-2);border:1px solid var(--border);border-radius:10px;gap:2px;padding:3px;display:inline-flex}.seg button{color:var(--muted);background:0 0;border:0;border-radius:8px;padding:7px 14px;font-size:12.5px;font-weight:700;transition:all .12s}.seg button.on{background:var(--surface);color:var(--ink);box-shadow:var(--sh-1)}.adm-top .live{color:var(--green);align-items:center;gap:7px;font-size:12px;font-weight:700;display:inline-flex}.adm-top .live .blip{background:var(--green);width:8px;height:8px;box-shadow:0 0 0 3px var(--green-tint);border-radius:50%;animation:1.6s infinite blip}@keyframes blip{50%{opacity:.4}}.adm-body{max-width:1400px;margin:0 auto;padding:24px 30px 60px}.adm-grid{grid-template-columns:repeat(12,1fr);gap:18px;display:grid}.span3{grid-column:span 3}.span4{grid-column:span 4}.span5{grid-column:span 5}.span6{grid-column:span 6}.span7{grid-column:span 7}.span8{grid-column:span 8}.span12{grid-column:span 12}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--sh-1)}.panel-h{align-items:center;gap:10px;padding:16px 18px 0;display:flex}.panel-h h3{margin:0;font-size:15px;font-weight:800}.panel-h .grow{flex:1}.panel-h .meta{color:var(--muted);font-size:12px;font-weight:600}.panel-c{padding:16px 18px 18px}.kpi{flex-direction:column;gap:0;padding:18px;display:flex;position:relative;overflow:hidden}.kpi .ic{border-radius:11px;place-items:center;width:38px;height:38px;margin-bottom:14px;display:grid}.kpi .ic svg{width:20px;height:20px}.kpi .v{letter-spacing:-1px;font-size:30px;font-weight:800;line-height:1}.kpi .v small{color:var(--muted);margin-inline-start:2px;font-size:15px;font-weight:700}.kpi .l{color:var(--muted);margin-top:6px;font-size:12.5px;font-weight:600}.kpi .trend{border-radius:7px;align-self:flex-start;align-items:center;gap:4px;margin-top:10px;padding:3px 8px;font-size:11.5px;font-weight:800;display:inline-flex}.kpi .trend svg{width:12px;height:12px}.kpi .trend.up{color:var(--green);background:var(--green-tint)}.kpi .trend.down{color:var(--red);background:var(--red-tint)}.kpi .trend.flat{color:var(--muted);background:var(--surface-2)}.kpi.teal .ic{background:var(--teal-tint);color:var(--teal)}.kpi.green .ic{background:var(--green-tint);color:var(--green)}.kpi.amber .ic{background:var(--amber-tint);color:var(--amber)}.kpi.blue .ic{color:#2456a6;background:#e4eefb}.donut-wrap{align-items:center;gap:22px;display:flex}.donut{flex:none;width:168px;height:168px;position:relative}.donut svg{transform:rotate(-90deg)}.donut .center{text-align:center;place-items:center;display:grid;position:absolute;inset:0}.donut .center .big{letter-spacing:-1px;font-size:30px;font-weight:800}.donut .center .lbl{color:var(--muted);font-size:11px;font-weight:600}.legend{flex-direction:column;flex:1;gap:12px;display:flex}.legend .li{align-items:center;gap:11px;display:flex}.legend .li .sw{border-radius:4px;flex:none;width:12px;height:12px}.legend .li .nm{font-size:13px;font-weight:700}.legend .li .desc{color:var(--muted);font-size:11px}.legend .li .pct{margin-inline-start:auto;font-size:15px;font-weight:800}.legend .li .ct{color:var(--muted);font-size:11px}.bars{align-items:flex-end;gap:10px;height:150px;padding-top:10px;display:flex}.bars .bcol{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:8px;height:100%;display:flex}.bars .stack{border-radius:6px 6px 0 0;flex-direction:column;justify-content:flex-end;gap:2px;width:100%;max-width:38px;display:flex;overflow:hidden}.bars .seg-g{background:var(--green)}.bars .seg-y{background:var(--amber-bright)}.bars .seg-r{background:var(--red)}.bars .stack>div{transition:height .4s}.bars .bcol .day{color:var(--muted);font-size:11px;font-weight:700}.pattern-empty{color:var(--muted);text-align:center;padding:22px 18px;font-size:12.5px;line-height:1.7}.pattern{border-bottom:1px solid var(--hairline);align-items:flex-start;gap:12px;padding:13px 16px;display:flex}.pattern:last-child{border-bottom:0}.pattern .pi{border-radius:10px;flex:none;place-items:center;width:34px;height:34px;display:grid}.pattern .pi svg{width:17px;height:17px}.pattern.warn .pi{background:var(--amber-tint);color:var(--amber)}.pattern.crit .pi{background:var(--red-tint);color:var(--red)}.pattern.info .pi{background:var(--teal-tint);color:var(--teal)}.pattern .pb .pt{font-size:13.5px;font-weight:700}.pattern .pb .pd{color:var(--muted);margin-top:2px;font-size:12px;line-height:1.5}.pattern .pmeta{text-align:end;flex:none;margin-inline-start:auto}.pattern .pmeta .pv{font-size:16px;font-weight:800}.pattern .pmeta .pl{color:var(--muted);font-size:10.5px}.pattern .act{color:var(--teal);background:var(--teal-tint);border:0;border-radius:7px;margin-top:6px;padding:5px 10px;font-size:11.5px;font-weight:700}.rule{border-bottom:1px solid var(--hairline);align-items:center;gap:14px;padding:13px 16px;display:flex}.rule:last-child{border-bottom:0}.rule .rcode{color:var(--muted);background:var(--surface-2);border:1px solid var(--border);letter-spacing:.3px;border-radius:7px;flex:none;padding:3px 9px;font-size:11px;font-weight:800}.rule .rb{flex:1}.rule .rb .rt{font-size:13.5px;font-weight:700}.rule .rb .rd{color:var(--muted);margin-top:1px;font-size:12px}.rule .route-tag{border-radius:20px;flex:none;align-items:center;gap:5px;padding:3px 9px;font-size:11px;font-weight:800;display:inline-flex}.rule .route-tag .d{border-radius:50%;width:7px;height:7px}.rule .route-tag.g{background:var(--green-tint);color:var(--green)}.rule .route-tag.g .d{background:var(--green)}.rule .route-tag.y{background:var(--amber-tint);color:var(--amber)}.rule .route-tag.y .d{background:var(--amber-bright)}.rule .route-tag.r{background:var(--red-tint);color:var(--red)}.rule .route-tag.r .d{background:var(--red)}.rule .hits{color:var(--ink-2);text-align:end;flex:none;width:90px;font-size:12px;font-weight:700}.sw-toggle{background:var(--border-2);cursor:pointer;border:0;border-radius:20px;flex:none;width:42px;height:24px;transition:all .18s;position:relative}.sw-toggle:after{content:"";top:3px;width:18px;height:18px;box-shadow:var(--sh-1);background:#fff;border-radius:50%;transition:all .18s;position:absolute;inset-inline-end:3px}.sw-toggle.on{background:var(--teal)}.sw-toggle.on:after{inset-inline-end:21px}.feed{flex-direction:column;display:flex}.feed .fi{border-bottom:1px solid var(--hairline);gap:12px;padding:12px 16px;display:flex}.feed .fi:last-child{border-bottom:0}.feed .fi .fav{border-radius:9px;flex:none;place-items:center;width:30px;height:30px;font-size:11px;font-weight:800;display:grid}.feed .fi .fav.t1{background:var(--amber-tint);color:var(--amber)}.feed .fi .fav.t2{background:var(--red-tint);color:var(--red)}.feed .fi .fc{flex:1}.feed .fi .fc .ft{color:var(--ink);font-size:13px;font-weight:600}.feed .fi .fc .ft b{font-weight:800}.feed .fi .fc .fm{color:var(--muted);margin-top:2px;font-size:11px}.feed .fi .ftag{border-radius:6px;flex:none;align-self:center;padding:2px 8px;font-size:10.5px;font-weight:800}.feed .fi .ftag.green{background:var(--green-tint);color:var(--green)}.feed .fi .ftag.amber{background:var(--amber-tint);color:var(--amber)}.feed .fi .ftag.red{background:var(--red-tint);color:var(--red)}.hpill{background:var(--surface-2);color:var(--ink-2);border:1px solid var(--border);border-radius:7px;padding:3px 9px;font-size:11px;font-weight:800}