:root{--ok: #2FBF84;--ok-text: #6FE3AD;--ok-line: #34C98A;--ok-soft: rgba(47,191,132,.1);--ok-bd: rgba(47,191,132,.26);--warn: #E2A93F;--warn-text: #F2C879;--warn-soft: rgba(242,200,121,.1);--warn-bd: rgba(242,200,121,.26);--info: #45C7E0;--info-text: #7FD9EC;--info-soft: rgba(69,199,224,.1);--info-bd: rgba(69,199,224,.26);--dep: #9B7CFF;--dep-text: #B9A6FF;--dep-soft: rgba(155,124,255,.12);--dep-bd: rgba(155,124,255,.28);--crit: #E5556E;--crit-text: #F0909E;--crit-soft: rgba(229,85,110,.1);--crit-bd: rgba(229,85,110,.28);--panel: #0E1016;--panel-2: #0B0D12}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:#06070a;color:var(--text);font-family:var(--font-body);font-size:var(--fs-sm)}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:8px;border:2px solid transparent;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background:#ffffff29;background-clip:padding-box}::-webkit-scrollbar-track{background:transparent}.field{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-2;background:radial-gradient(120% 80% at 50% -10%,#0d1018,#08090e 45%,#06070a)}.shell{display:flex;min-height:100vh}.rail{width:54px;flex:none;position:sticky;top:0;height:100vh;display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 0;border-right:1px solid var(--line);background:#08090e99}.rail .logo{width:30px;height:30px;display:grid;place-items:center;margin-bottom:10px}.rail .logo img{width:24px;height:24px;filter:drop-shadow(0 1px 6px rgba(110,134,255,.25))}.rail .ri{width:36px;height:36px;border-radius:var(--r-sm);display:grid;place-items:center;color:var(--text-faint);cursor:pointer;transition:color var(--dur-fast),background var(--dur-fast)}.rail .ri:hover{color:var(--text);background:#ffffff0a}.rail .ri.active{color:var(--text-strong);background:var(--accent-soft);border:1px solid var(--accent-line)}.rail .ri svg{width:18px;height:18px}.rail .spacer{flex:1}.main{flex:1;min-width:0}.topbar{position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:14px;padding:12px 22px;border-bottom:1px solid var(--line);background:#07080bd1;-webkit-backdrop-filter:blur(var(--blur-md)) saturate(140%);backdrop-filter:blur(var(--blur-md)) saturate(140%)}.topbar .title h1{font-family:var(--font-display);font-size:19px;font-weight:var(--fw-bold);letter-spacing:-.4px;color:var(--text-strong)}.topbar .title .sub{font-size:12.5px;color:var(--text-muted);margin-top:2px}.topbar .pills{margin-left:auto;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.pill{display:inline-flex;align-items:center;gap:7px;padding:6px 11px;border-radius:var(--r-sm);border:1px solid var(--line);background:#ffffff05;font-family:var(--font-mono);font-size:10px;letter-spacing:.06em}.pill .pl{color:var(--text-faint);text-transform:uppercase}.pill .pv{color:var(--text)}.pill.good .pv{color:var(--ok-text)}.pill.good .dot{width:6px;height:6px;border-radius:50%;background:var(--ok);box-shadow:0 0 8px var(--ok)}.pill.accent{border-color:var(--accent-line);background:var(--accent-soft)}.pill.accent .pv{color:var(--accent-bright)}.page{display:grid;grid-template-columns:minmax(0,1fr) 312px;gap:14px;padding:16px 22px}.col-main{min-width:0;display:flex;flex-direction:column;gap:14px}.col-side{display:flex;flex-direction:column;gap:14px}.panel{border:1px solid var(--line);border-radius:var(--r-md);background:var(--panel);background-image:var(--grad-card);box-shadow:var(--hi-top)}.panel-head{display:flex;align-items:center;gap:10px;padding:14px 16px;border-bottom:1px solid var(--line)}.panel-head h2{font-family:var(--font-display);font-size:15px;font-weight:var(--fw-semibold);letter-spacing:-.15px;color:var(--text-strong)}.panel-head .meta{font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--text-faint)}.panel-head .right{margin-left:auto;display:flex;align-items:center;gap:14px}.panel-body{padding:16px}.mono{font-family:var(--font-mono)}.eyebrow{font-family:var(--font-mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--text-faint)}.chip{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;border-radius:var(--r-xs);font-family:var(--font-mono);font-size:9.5px;letter-spacing:.08em;text-transform:uppercase;font-weight:var(--fw-medium);border:1px solid transparent}.chip.good{color:var(--ok-text);background:var(--ok-soft);border-color:var(--ok-bd)}.chip.warn{color:var(--warn-text);background:var(--warn-soft);border-color:var(--warn-bd)}.chip.info{color:var(--info-text);background:var(--info-soft);border-color:var(--info-bd)}.chip.dep{color:var(--dep-text);background:var(--dep-soft);border-color:var(--dep-bd)}.chip.crit{color:var(--crit-text);background:var(--crit-soft);border-color:var(--crit-bd)}.chip.plain{color:var(--text-muted);background:#ffffff08;border-color:var(--line)}.alert{display:flex;align-items:center;gap:14px;padding:13px 16px;border-radius:var(--r-md);border:1px solid var(--warn-bd);background:linear-gradient(90deg,#f2c87912,#f2c87903);box-shadow:var(--hi-top)}.alert .lvl{display:inline-flex;align-items:center;gap:7px;font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;color:var(--warn-text);flex:none}.alert .lvl .d{width:7px;height:7px;border-radius:50%;background:var(--warn);box-shadow:0 0 8px var(--warn)}.alert .msg{color:var(--text);font-size:13.5px}.alert .src{margin-left:auto;font-family:var(--font-mono);font-size:11px;color:var(--text-faint);white-space:nowrap}.alert .view{flex:none;font-family:var(--font-mono);font-size:10px;letter-spacing:.08em;color:var(--text-muted);padding:6px 12px;border-radius:var(--r-xs);border:1px solid var(--line);background:#ffffff05;cursor:pointer}.alert .view:hover{color:var(--text-strong);border-color:var(--line-strong)}.kpis{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr 1fr;gap:12px}.kpi{border:1px solid var(--line);border-radius:var(--r-md);background:var(--panel);background-image:var(--grad-card);box-shadow:var(--hi-top);padding:14px 14px 10px;display:flex;flex-direction:column;min-height:130px}.kpi .k-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.kpi .k-label{font-family:var(--font-mono);font-size:9.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted)}.kpi .k-val{margin-top:12px;display:flex;align-items:baseline;gap:5px}.kpi .k-val .n{font-family:var(--font-display);font-weight:var(--fw-bold);color:var(--text-strong);letter-spacing:-.02em;line-height:1}.kpi .k-val .n.num{font-size:30px}.kpi .k-val .n.text{font-size:21px}.kpi .k-val .u{font-family:var(--font-mono);font-size:12px;color:var(--text-muted)}.kpi .k-sub{font-size:11.5px;color:var(--text-muted);margin-top:7px}.kpi .k-spark{margin-top:auto;padding-top:10px;height:34px}.spark{width:100%;height:100%;display:block}.svc-legend{display:flex;gap:14px}.svc-legend span{display:inline-flex;align-items:center;gap:6px;font-size:11px;color:var(--text-muted)}.svc-legend .d{width:8px;height:8px;border-radius:2px}.svc-row{display:grid;grid-template-columns:minmax(180px,1fr) 88px 92px 78px 86px 172px 92px;align-items:center;gap:10px;padding:12px 16px;border-top:1px solid var(--line)}.svc-row.head{border-top:none;padding-top:4px;padding-bottom:12px}.svc-row.head span{font-family:var(--font-mono);font-size:9.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--text-faint)}.svc-name{display:flex;align-items:center;gap:10px;min-width:0}.svc-name .sd{width:7px;height:7px;border-radius:50%;flex:none}.svc-name .sd.good{background:var(--ok);box-shadow:0 0 7px var(--ok)}.svc-name .sd.degraded{background:var(--warn);box-shadow:0 0 7px var(--warn)}.svc-name .sd.down{background:var(--crit)}.svc-name .nm{min-width:0}.svc-name .nm .t{font-size:13px;color:var(--text-strong);font-weight:var(--fw-medium);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.svc-name .nm .h{font-family:var(--font-mono);font-size:10.5px;color:var(--text-faint);margin-top:2px}.svc-http{font-family:var(--font-mono);font-size:11px}.svc-http .code{color:var(--ok-text)}.svc-http .env{color:var(--text-faint);margin-left:6px}.svc-num{font-family:var(--font-mono);font-size:12px;color:var(--text)}.svc-num.dim{color:var(--text-muted)}.histo{display:flex;align-items:flex-end;gap:1.5px;height:30px}.histo .b{flex:1;border-radius:1px;min-width:2px}.histo .b.good{background:var(--ok);opacity:.85}.histo .b.warn{background:var(--warn)}.histo .b.crit{background:var(--crit)}.row-2{display:grid;grid-template-columns:1fr 1fr;gap:14px}.chart-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px}.chart-big{display:flex;align-items:baseline;gap:6px}.chart-big .n{font-family:var(--font-display);font-size:26px;font-weight:var(--fw-bold);color:var(--text-strong);letter-spacing:-.02em}.chart-big .u{font-family:var(--font-mono);font-size:11px;color:var(--text-muted)}.chart-stats{display:flex;gap:18px}.chart-stats .s .l{font-family:var(--font-mono);font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:var(--text-faint)}.chart-stats .s .v{font-family:var(--font-mono);font-size:12px;color:var(--text);margin-top:2px}.chart-stats .s .v.crit{color:var(--crit-text)}.axis{display:flex;justify-content:space-between;margin-top:8px}.axis span{font-family:var(--font-mono);font-size:9px;color:var(--text-faint)}.bars{display:flex;align-items:flex-end;gap:3px;height:120px}.bars .b{flex:1;border-radius:2px 2px 0 0;min-height:3px}.bars .b.warn{background:linear-gradient(180deg,var(--warn),rgba(226,169,63,.3))}.bars .b.crit{background:linear-gradient(180deg,var(--crit),rgba(229,85,110,.3))}.res-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.res{border:1px solid var(--line);border-radius:var(--r-sm);background:var(--panel-2);padding:13px}.res .r-top{display:flex;align-items:center;justify-content:space-between}.res .r-label{font-family:var(--font-mono);font-size:9.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}.res .r-peak{font-family:var(--font-mono);font-size:9.5px;color:var(--text-faint)}.res .r-val{font-family:var(--font-display);font-size:24px;font-weight:var(--fw-bold);color:var(--text-strong);margin-top:8px;display:flex;align-items:baseline;gap:4px}.res .r-val .u{font-family:var(--font-mono);font-size:12px;color:var(--text-muted)}.res .r-track{height:6px;border-radius:var(--r-pill);background:#ffffff0d;overflow:hidden;margin-top:10px}.res .r-fill{height:100%;border-radius:var(--r-pill);background:linear-gradient(90deg,var(--ok),var(--ok-line))}.res .r-fill.warn{background:linear-gradient(90deg,var(--warn),#F2C879)}.proc-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:14px}.proc{display:flex;align-items:center;gap:9px;padding:10px 12px;border:1px solid var(--line);border-radius:var(--r-sm);background:var(--panel-2)}.proc .pd{width:7px;height:7px;border-radius:50%;background:var(--ok);box-shadow:0 0 7px var(--ok);flex:none}.proc .pt{font-size:12px;color:var(--text-strong);font-weight:var(--fw-medium)}.proc .ph{font-family:var(--font-mono);font-size:9.5px;color:var(--text-faint);margin-top:2px}.res-foot{display:flex;align-items:center;justify-content:space-between;margin-top:14px;padding-top:13px;border-top:1px solid var(--line)}.res-foot .l{font-family:var(--font-mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--text-faint)}.res-foot .v{font-family:var(--font-mono);font-size:12px;color:var(--text)}.rel{display:flex;gap:12px;padding:13px 0;border-top:1px solid var(--line)}.rel:first-child{border-top:none;padding-top:2px}.rel .rl{width:4px;align-self:stretch;border-radius:2px;flex:none}.rel .rl.good{background:var(--ok)}.rel .rl.run{background:var(--dep)}.rel .rbody{flex:1;min-width:0}.rel .r1{display:flex;align-items:center;gap:10px}.rel .r1 .svc{font-size:13px;color:var(--text-strong);font-weight:var(--fw-semibold)}.rel .r1 .br{font-family:var(--font-mono);font-size:10.5px;color:var(--text-faint)}.rel .r1 .st{margin-left:auto}.rel .rmsg{font-size:12.5px;color:var(--text);margin-top:5px}.rel .rmeta{font-family:var(--font-mono);font-size:10px;color:var(--text-faint);margin-top:5px}.dom{display:grid;grid-template-columns:1fr auto auto auto;align-items:center;gap:12px;padding:11px 0;border-top:1px solid var(--line)}.dom:first-child{border-top:none;padding-top:2px}.dom .dh{font-size:12.5px;color:var(--text-strong)}.dom .dcode{font-family:var(--font-mono);font-size:11px;color:var(--ok-text)}.dom .drd{font-family:var(--font-mono);font-size:10px;color:var(--text-faint)}.dom .dleft{font-family:var(--font-mono);font-size:11px;color:var(--text-muted);text-align:right;min-width:56px}.dom .dleft.soon{color:var(--warn-text)}.ev-filters{display:flex;flex-wrap:wrap;gap:6px;padding:12px 14px;border-bottom:1px solid var(--line)}.ev-chip{font-family:var(--font-mono);font-size:9.5px;letter-spacing:.06em;color:var(--text-muted);padding:4px 8px;border-radius:var(--r-xs);border:1px solid var(--line);background:#ffffff05;cursor:pointer;white-space:nowrap}.ev-chip.active{color:var(--text-strong);background:var(--accent-soft);border-color:var(--accent-line)}.ev-list{padding:4px 14px 8px}.ev{display:grid;grid-template-columns:18px 1fr;gap:10px;padding:12px 0;border-top:1px solid var(--line)}.ev:first-child{border-top:none}.ev .dot{width:7px;height:7px;border-radius:50%;margin-top:5px}.ev .dot.SUCCESS{background:var(--ok);box-shadow:0 0 7px var(--ok)}.ev .dot.DEPLOY{background:var(--dep);box-shadow:0 0 7px var(--dep)}.ev .dot.WARNING{background:var(--warn);box-shadow:0 0 7px var(--warn)}.ev .dot.INFO{background:var(--info);box-shadow:0 0 7px var(--info)}.ev .dot.CRITICAL{background:var(--crit)}.ev .e-top{display:flex;align-items:center;gap:8px}.ev .e-time{margin-left:auto;font-family:var(--font-mono);font-size:10px;color:var(--text-faint)}.ev .e-kind{font-family:var(--font-mono);font-size:9.5px;color:var(--text-faint)}.ev .e-msg{font-size:12px;color:var(--text);margin-top:5px;line-height:1.45}.ev .e-src{font-family:var(--font-mono);font-size:10px;color:var(--text-faint);margin-top:4px}.ev-live{display:inline-flex;align-items:center;gap:7px;font-family:var(--font-mono);font-size:10px;color:var(--ok-text)}.ev-live .d{width:6px;height:6px;border-radius:50%;background:var(--ok);box-shadow:0 0 8px var(--ok);animation:pulse 2s var(--ease-in-out) infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}.matrix-cells{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}.matrix-cells .c{aspect-ratio:1;border-radius:3px}.matrix-cells .c.good{background:var(--ok);opacity:.8}.matrix-cells .c.warn{background:var(--warn)}.matrix-cells .c.crit{background:var(--crit)}.matrix-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px;padding-top:14px;border-top:1px solid var(--line)}.matrix-stats .m .l{font-family:var(--font-mono);font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:var(--text-faint)}.matrix-stats .m .v{font-family:var(--font-display);font-size:22px;font-weight:var(--fw-bold);color:var(--text-strong);margin-top:4px}.matrix-foot{margin-top:14px;padding-top:14px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:10px}.matrix-foot .l{font-family:var(--font-mono);font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:var(--text-faint)}.matrix-foot .v{font-size:12px;color:var(--text-strong);margin-top:3px}.login-wrap{min-height:100vh;display:grid;place-items:center;padding:24px}.login-card{width:100%;max-width:390px;border-radius:var(--r-lg);border:1px solid var(--line);background:var(--panel);background-image:var(--grad-card);box-shadow:var(--hi-top),var(--shadow-card);padding:34px 32px}.login-card .brand{display:flex;align-items:center;gap:11px;justify-content:center;margin-bottom:6px}.login-card .brand img{width:28px;height:28px}.login-card .brand .wm{font-family:var(--font-display);font-weight:var(--fw-bold);letter-spacing:.06em;font-size:17px;color:var(--text-strong)}.login-card .eyebrow{text-align:center;margin-bottom:28px}.field-group{margin-bottom:14px}.field-group label{display:block;font-size:12px;color:var(--text-muted);margin-bottom:7px}.field-group input{width:100%;padding:11px 13px;border-radius:var(--r-sm);border:1px solid var(--line-strong);background:#ffffff08;color:var(--text-strong);font-family:var(--font-body);font-size:13px}.field-group input:focus{outline:none;border-color:var(--accent-line);background:#6e86ff0d}.btn-block{width:100%;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;font-family:var(--font-body);font-size:13px;font-weight:var(--fw-semibold);padding:12px;border-radius:var(--r-sm);border:1px solid transparent;color:#0a0c11;background:linear-gradient(180deg,#f6f8fc,#cfd6e2);box-shadow:var(--hi-top);margin-top:6px}.btn-block:hover:not(:disabled){box-shadow:var(--hi-top),0 12px 30px -12px #6e86ff66}.btn-block:disabled{opacity:.6;cursor:not-allowed}.login-error{font-size:12px;color:var(--crit-text);margin-bottom:12px;text-align:center}.login-hint{text-align:center;font-size:11px;color:var(--text-faint);margin-top:18px;font-family:var(--font-mono)}.center-load{min-height:100vh;display:grid;place-items:center;color:var(--text-muted);font-family:var(--font-mono);font-size:12px;letter-spacing:.1em}@media(max-width:1200px){.page{grid-template-columns:1fr}.kpis{grid-template-columns:1fr 1fr 1fr}}@media(max-width:820px){.kpis{grid-template-columns:1fr 1fr}.row-2,.res-grid,.proc-grid{grid-template-columns:1fr}.svc-row{grid-template-columns:1fr auto}.svc-row .svc-http,.svc-row .histo,.svc-row .svc-trend,.svc-row.head span:nth-child(n+3){display:none}}