:root{--bg: #0d1117;--bg2: #161b22;--bg3: #1c2230;--line: #2a3140;--fg: #e6edf3;--mut: #8b949e;--acc: #2f81f7;--acc2: #1f6feb;--up: #3fb950;--down: #f85149;--warn: #d29922;--gold: #e3b341;--radius: 10px;--rail: 210px;--rail-mini: 60px;font-synthesis:none;-webkit-text-size-adjust:100%}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--fg);font:14px/1.45 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}button,input,select{font:inherit;color:inherit}h1,h2,h3,h4{margin:0 0 .5rem;font-weight:650}h4{margin-top:1rem;color:var(--mut);font-size:.78rem;text-transform:uppercase;letter-spacing:.05em}a{color:inherit}:focus-visible{outline:2px solid var(--acc);outline-offset:2px}.splash,.loading,.empty{display:grid;place-items:center;min-height:30vh;color:var(--mut);text-align:center}.empty.tall{min-height:50vh;gap:.8rem}.empty.tall p{margin:0}.login{display:grid;place-items:center;min-height:100vh;padding:1rem}.login-card{background:var(--bg2);border:1px solid var(--line);border-radius:16px;padding:2rem;width:min(360px,100%);text-align:center}.login-card h1{font-size:1.6rem}.login-sub{color:var(--mut);margin:-.3rem 0 1.5rem}.login-msg{color:var(--mut);margin-top:1rem;font-size:.9rem}.otp-input{width:100%;text-align:center;letter-spacing:.4em;font-size:1.5rem;padding:.7rem;background:var(--bg);border:1px solid var(--line);border-radius:var(--radius);margin-bottom:.3rem}.logo{color:var(--gold);font-size:1.3rem}.logo.big{font-size:2.2rem;margin-bottom:.4rem}.btn{border:1px solid var(--line);background:var(--bg3);color:var(--fg);padding:.5rem .9rem;border-radius:var(--radius);cursor:pointer;transition:background .15s,border-color .15s;text-decoration:none;display:inline-block;white-space:nowrap}.btn:hover{border-color:var(--acc)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.primary{background:var(--acc2);border-color:var(--acc2)}.btn.primary:hover:not(:disabled){background:var(--acc)}.btn.ghost{background:transparent}.btn.danger{background:#f8514926;border-color:#f8514980;color:#ff7b72}.btn.danger:hover{background:var(--down);color:#fff}.btn.block{width:100%;margin-top:.6rem}.btn.sm{padding:.28rem .6rem;font-size:.8rem}.btn.panic{background:var(--down);border-color:var(--down);color:#fff;font-weight:750;letter-spacing:.05em}.chip{background:var(--bg3);border:1px solid var(--line);border-radius:6px;padding:.22rem .5rem;font-size:.8rem;line-height:1.1;cursor:pointer;color:var(--fg)}.chip:hover{border-color:var(--acc);color:var(--acc)}.chip.danger:hover{border-color:var(--down);color:var(--down)}.chip.primary{border-color:var(--acc2);color:#79c0ff}.shell{display:grid;grid-template-columns:var(--rail) 1fr;min-height:100vh}.rail{background:var(--bg2);border-right:1px solid var(--line);display:flex;flex-direction:column;padding:.5rem;gap:.2rem;position:sticky;top:0;height:100vh;overflow:hidden}.rail-brand{display:flex;align-items:center;gap:.6rem;padding:.6rem .5rem 1rem;cursor:pointer;font-weight:650}.rail-label{white-space:nowrap}.rail-collapse{margin-left:auto;color:var(--mut);font-size:1.1rem}.shell.collapsed{grid-template-columns:var(--rail-mini) 1fr}.shell.collapsed .rail-label{display:none}.shell.collapsed .nav-item,.shell.collapsed .rail-brand{justify-content:center}.nav-item{display:flex;align-items:center;gap:.7rem;padding:.6rem .55rem;background:transparent;border:0;border-radius:8px;cursor:pointer;color:var(--mut);text-align:left;width:100%}.nav-item:hover{background:var(--bg3);color:var(--fg)}.nav-item.active{background:var(--bg3);color:var(--fg);box-shadow:inset 3px 0 0 var(--acc)}.nav-icon{width:1.4rem;text-align:center;font-size:1.05rem}.nav-item.logout{margin-top:auto}.main{display:flex;flex-direction:column;min-width:0}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;z-index:30}.topbar{display:flex;align-items:center;gap:.9rem;padding:.55rem .9rem;background:var(--bg2);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}.hamburger{display:none;background:transparent;border:0;font-size:1.3rem;cursor:pointer}.tb-mode{display:flex;align-items:center;gap:.45rem}.pill{padding:.15rem .5rem;border-radius:20px;font-size:.72rem;font-weight:700;letter-spacing:.05em}.pill.paper{background:#1f6feb33;color:#79c0ff;border:1px solid #1f6feb66}.pill.live{background:#f8514933;color:#ff7b72;border:1px solid #f8514966}.pill.halt{background:#d2992233;color:var(--warn);border:1px solid #d2992266}.dot{width:9px;height:9px;border-radius:50%;display:inline-block}.dot.ok{background:var(--up);box-shadow:0 0 6px var(--up)}.dot.bad{background:var(--down)}.tb-clock{color:var(--mut);font-variant-numeric:tabular-nums;font-size:.85rem}.tb-spacer{flex:1}.tb-stat{display:flex;flex-direction:column;align-items:flex-end;line-height:1.1}.tb-stat-label{font-size:.64rem;color:var(--mut);text-transform:uppercase;letter-spacing:.05em}.tb-stat-val{font-variant-numeric:tabular-nums;font-weight:650}.banner{display:flex;align-items:center;gap:.8rem;justify-content:space-between;padding:.45rem .9rem;font-size:.9rem;border-bottom:1px solid}.banner.halt{background:#d2992218;color:var(--warn);border-color:#d2992244}.banner.warn{background:#f8514918;color:#ff7b72;border-color:#f8514944}.toast{position:fixed;bottom:1.2rem;left:50%;transform:translate(-50%);background:var(--bg3);border:1px solid var(--line);padding:.6rem 1rem;border-radius:10px;z-index:70;box-shadow:0 8px 30px #000a;cursor:pointer;max-width:calc(100% - 2rem)}.toast.bad{border-color:#f8514980;color:#ff7b72}.content{padding:1rem;overflow:auto}.view{max-width:1280px;margin:0 auto}.view-head{display:flex;align-items:center;gap:.8rem;margin-bottom:.8rem;flex-wrap:wrap}.view-head h2{margin:0}.count{color:var(--mut);font-size:.9rem}.push{margin-left:auto}.row-gap{display:flex;gap:.4rem}.hint{color:var(--mut);font-size:.85rem;margin:0 0 .8rem;max-width:70ch}.up{color:var(--up)}.down{color:var(--down)}.muted{color:var(--mut)}.sub{color:var(--mut);font-size:.76rem}.mono{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.wrap{white-space:normal;min-width:14rem}.panel{background:var(--bg2);border:1px solid var(--line);border-radius:var(--radius);padding:.9rem 1rem;margin-bottom:1rem}.panel-head{display:flex;align-items:center;gap:.6rem}.panel-head h3{margin:0}.panel .hint{margin-top:.3rem}.tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.7rem;margin-bottom:1rem}.tile{background:var(--bg2);border:1px solid var(--line);border-radius:var(--radius);padding:.65rem .8rem}.tile label{display:block;color:var(--mut);font-size:.68rem;text-transform:uppercase;letter-spacing:.04em}.tile-val{font-size:1.12rem;font-weight:650;font-variant-numeric:tabular-nums;margin-top:.2rem}.seg{display:inline-flex;background:var(--bg2);border:1px solid var(--line);border-radius:8px;overflow:hidden}.seg.wide{display:flex;width:100%;margin:.3rem 0 .6rem}.seg button{flex:1;background:transparent;border:0;padding:.4rem .9rem;cursor:pointer;color:var(--mut);text-transform:capitalize}.seg button.active{background:var(--acc2);color:#fff}.table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:var(--radius);margin-bottom:1rem}.grid-table{width:100%;border-collapse:collapse;font-size:.85rem;white-space:nowrap}.grid-table th{text-align:left;color:var(--mut);font-weight:600;padding:.5rem .6rem;border-bottom:1px solid var(--line);background:var(--bg2);position:sticky;top:0}.grid-table td{padding:.45rem .6rem;border-bottom:1px solid var(--bg3);font-variant-numeric:tabular-nums;vertical-align:top}.grid-table tbody tr:hover td{background:#1c223099}.grid-table tr.open td{background:#1f6feb12}.grid-table .r{text-align:right}.grid-table .c{text-align:center}.grid-table .sym{font-weight:650}.grid-table .row-actions{display:flex;gap:.3rem;justify-content:flex-end}.grid-table.compact td,.grid-table.compact th{padding:.3rem .55rem}.status{font-size:.78rem;padding:.1rem .45rem;border-radius:6px;background:var(--bg3);color:var(--mut);white-space:nowrap}.status.ok{color:#7ee787;background:#3fb95018}.status.open{color:#79c0ff;background:#1f6feb26}.status.alert{color:var(--warn);background:#d2992226;font-weight:650}.status.bad{color:#ff7b72;background:#f8514926}.side{padding:.1rem .4rem;border-radius:5px;font-size:.72rem;font-weight:700}.side.long{background:#3fb95022;color:var(--up)}.side.short{background:#f8514922;color:var(--down)}.side.ghost{opacity:.7;outline:1px dashed currentColor}.switch{display:inline-flex;align-items:center;gap:.4rem;background:transparent;border:0;cursor:pointer;color:var(--mut);font-size:.66rem;font-weight:700;letter-spacing:.03em;padding:0}.switch:disabled{cursor:default;opacity:.7}.switch-track{position:relative;width:34px;height:18px;background:var(--bg3);border:1px solid var(--line);border-radius:20px;transition:background .18s,border-color .18s;flex:none}.switch-thumb{position:absolute;top:1px;left:1px;width:14px;height:14px;border-radius:50%;background:var(--mut);transition:transform .18s,background .18s}.switch.on .switch-track{background:#3fb95033;border-color:#3fb95088}.switch.on .switch-thumb{transform:translate(16px);background:var(--up);box-shadow:0 0 6px var(--up)}.switch.on .switch-text{color:var(--up)}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:.7rem;margin-bottom:1rem}.card-grid.wide{grid-template-columns:repeat(auto-fill,minmax(420px,1fr))}.card{background:var(--bg2);border:1px solid var(--line);border-radius:var(--radius);padding:.75rem .85rem}.card.open{box-shadow:inset 3px 0 0 var(--acc)}.card-top{display:flex;align-items:center;gap:.5rem;margin-bottom:.25rem;flex-wrap:wrap}.card-top .sym{font-weight:700;font-size:1.02rem}.card-top .switch{margin-left:auto}.kv-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.45rem .9rem;font-size:.85rem;margin-top:.55rem;font-variant-numeric:tabular-nums}.kv-grid.three{grid-template-columns:repeat(3,1fr)}.kv-grid label{display:block;color:var(--mut);font-size:.66rem;text-transform:uppercase;letter-spacing:.04em}.card-actions{display:flex;gap:.4rem;margin-top:.7rem}.show-mobile{display:none}.activity{list-style:none;margin:0;padding:0;font-size:.85rem}.activity li{display:flex;gap:.6rem;padding:.3rem 0;border-bottom:1px solid var(--bg3)}.activity .when{color:var(--mut);font-variant-numeric:tabular-nums;flex:none}.activity .who{font-weight:650;flex:none}.filters{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem;margin-bottom:.9rem}.filters select,.filters input{background:var(--bg2);border:1px solid var(--line);border-radius:8px;padding:.35rem .55rem;color-scheme:dark}.filters label{color:var(--mut);font-size:.85rem;display:flex;align-items:center;gap:.35rem}.acct-row{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.5rem 0;border-bottom:1px solid var(--bg3)}.acct-row:last-of-type{border-bottom:0}.acct-row>span:first-child{color:var(--mut)}.slider{position:fixed;top:0;right:0;height:100vh;width:min(460px,100%);background:var(--bg2);border-left:1px solid var(--line);z-index:50;display:flex;flex-direction:column;box-shadow:-8px 0 40px #0008;animation:slide-in .2s ease}@keyframes slide-in{0%{transform:translate(40px);opacity:0}to{transform:none;opacity:1}}.slider-head{display:flex;align-items:center;justify-content:space-between;padding:.85rem 1rem;border-bottom:1px solid var(--line)}.slider-head h3{margin:0}.slider .x{background:transparent;border:0;font-size:1.1rem;cursor:pointer;color:var(--mut)}.slider-body{padding:1rem;overflow:auto;flex:1}.form .field{display:block;margin-bottom:.7rem}.form .field>span{display:block;color:var(--mut);font-size:.75rem;margin-bottom:.25rem}.form input,.form select{width:100%;padding:.48rem .6rem;background:var(--bg);border:1px solid var(--line);border-radius:8px}.form input:disabled,.form select:disabled{opacity:.6}.form .two{display:grid;grid-template-columns:1fr 1fr;gap:.6rem}.field-hint{color:var(--mut);font-size:.74rem;margin:-.3rem 0 .6rem}.check{display:flex;align-items:center;gap:.45rem;font-size:.85rem;margin-bottom:.6rem;cursor:pointer}.check input{width:auto}.form-actions{display:flex;justify-content:flex-end;gap:.5rem;margin-top:1rem;position:sticky;bottom:-1rem;background:var(--bg2);padding:.6rem 0}.param-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:.55rem .7rem;margin-top:.3rem}.param{display:block;font-size:.82rem}.param>span{display:block;color:var(--mut);font-size:.72rem;margin-bottom:.2rem}.param input,.param select{width:100%;padding:.38rem .5rem;background:var(--bg);border:1px solid var(--line);border-radius:7px}.param.check{display:flex;align-items:center;gap:.45rem;align-self:end;margin:0;padding-bottom:.45rem;cursor:pointer}.param.check input{width:auto;flex:none}.param.changed input,.param.changed select{border-color:var(--gold);box-shadow:0 0 0 1px #e3b34133}.param.check.changed{color:var(--gold)}.modal-scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#000a;z-index:80;display:grid;place-items:center;padding:1rem}.modal{background:var(--bg2);border:1px solid var(--line);border-radius:14px;padding:1.2rem 1.3rem;width:min(420px,100%);box-shadow:0 20px 60px #000c}.modal p{color:var(--mut);margin:.2rem 0 1.1rem}.modal-actions{display:flex;justify-content:flex-end;gap:.5rem}@media (max-width: 820px){.shell,.shell.collapsed{grid-template-columns:1fr}.shell.collapsed .rail-label{display:inline}.rail{position:fixed;left:0;top:0;width:var(--rail);z-index:45;transform:translate(-100%);transition:transform .2s}.shell.rail-open .rail{transform:translate(0)}.hamburger{display:block}.tb-clock,.hide-sm{display:none}.topbar{gap:.6rem;padding:.5rem .6rem}.content{padding:.7rem}.hide-mobile{display:none}.show-mobile{display:grid}.card-grid.wide{grid-template-columns:1fr}.kv-grid.three{grid-template-columns:repeat(2,1fr)}.banner{flex-wrap:wrap}}