:root{--bg: #F6F4F1;--surface: #FFFFFF;--surface-2: #FAF8F6;--line: #E6E1DC;--line-2: #EFEAE5;--ink: #1F1B1A;--ink-2: #3D3634;--muted: #6B6461;--brand: #A31E34;--brand-hover: #7A1726;--brand-soft: #F6E7EA;--crit: #B93A12;--crit-soft: #FBE4DB;--crit-ink: #8F2A0A;--warn: #E3A21A;--warn-soft: #FCEFCF;--warn-ink: #6B4700;--ok: #2E6B4F;--ok-soft: #E1F0E7;--ok-ink: #1E5A3E;--info: #2B5C9C;--info-soft: #E3ECF7;--info-ink: #1F4A80;--nodata-soft: #EFECE9;--nodata-ink: #4F4946;--nodata-line: #9A928D;--t-cold: #2F5E9E;--t-cool: #B9CFEA;--t-ok: #DDEBE2;--t-warm: #F2C48D;--font: "Instrument Sans", system-ui, sans-serif;--display: "Bricolage Grotesque", "Instrument Sans", sans-serif}*{box-sizing:border-box}body{margin:0;font-family:var(--font);color:var(--ink);background:var(--bg)}a{color:var(--brand)}a:hover{color:var(--brand-hover)}.num{font-variant-numeric:tabular-nums}.disp{font-family:var(--display)}.lbl{font-size:13px;color:var(--muted)}h1{font-family:var(--display);margin:0;font-size:32px;line-height:1.15}h2{margin:0;font-size:17px}.app{min-height:100vh;display:flex;flex-direction:column}.top{height:68px;flex-shrink:0;display:flex;align-items:center;gap:20px;padding:0 24px;background:var(--surface);border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px;width:212px;text-decoration:none}.brand span{font-family:var(--display);font-size:22px;font-weight:700;color:var(--brand);letter-spacing:.5px}.org{display:flex;flex-direction:column;line-height:1.2}.org b{font-size:15px}.spacer{flex-grow:1}.segs{display:flex;gap:6px;padding:4px;border-radius:10px;background:#f1ede9;align-items:center}.seg{border:0;min-height:36px;padding:0 14px;border-radius:8px;font:600 13px var(--font);cursor:pointer;background:transparent;color:var(--muted)}.seg[aria-pressed=true]{background:var(--surface);color:var(--ink);box-shadow:0 1px 3px #0000001f}.body{flex-grow:1;display:flex;min-height:0}.side{width:248px;flex-shrink:0;padding:20px 14px;display:flex;flex-direction:column;gap:4px;background:#fbfaf8;border-right:1px solid var(--line)}.navb{display:flex;align-items:center;gap:12px;min-height:44px;padding:0 14px;border-radius:10px;color:var(--ink-2);font:500 15px var(--font);text-decoration:none}.navb:hover{background:#efeae5;color:var(--ink-2)}.navb.active{background:var(--brand-soft);color:var(--brand);font-weight:700}.badge{margin-left:auto;min-width:22px;height:22px;padding:0 6px;border-radius:11px;background:var(--crit);color:#fff;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center}.main{flex-grow:1;padding:28px 36px 48px;min-width:0}.stack{display:flex;flex-direction:column;gap:20px}.grid{display:grid;gap:16px}.g3{grid-template-columns:repeat(3,minmax(0,1fr))}.g4{grid-template-columns:repeat(4,minmax(0,1fr))}.g2{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr)}.card{background:var(--surface);border:1px solid var(--line);border-radius:14px}.pad{padding:20px 22px}.kpi{padding:20px;display:flex;flex-direction:column;gap:8px}.kpi .v{font-family:var(--display);font-size:36px;font-weight:700}.bar{height:8px;border-radius:4px;background:var(--line-2);overflow:hidden}.bar>div{height:8px;background:var(--ok)}.row{display:flex;align-items:center;gap:14px;width:100%;padding:14px 18px;border-bottom:1px solid var(--line-2);color:inherit;text-decoration:none}.row:hover{background:var(--surface-2);color:inherit}.row:last-child{border-bottom:0}.row .t{font-weight:700;font-size:14px}.row .s{font-size:13px;color:var(--ink-2);line-height:1.4}.oklist{padding:14px 20px;display:flex;align-items:center;gap:10px;color:var(--ok);font-size:14px;font-weight:600}.loz{display:inline-block;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:700;white-space:nowrap}.loz.critical,.loz.cold{background:var(--crit-soft);color:var(--crit-ink)}.loz.attention,.loz.cool,.loz.warm{background:var(--warn-soft);color:var(--warn-ink)}.loz.maintenance,.loz.no_data{background:var(--nodata-soft);color:var(--nodata-ink);border:1px dashed var(--nodata-line)}.loz.info{background:var(--info-soft);color:var(--info-ink)}.loz.ok{background:var(--ok-soft);color:var(--ok-ink)}.tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px}.tile{border-radius:12px;padding:14px 16px;min-height:96px;display:flex;flex-direction:column;gap:4px;text-decoration:none}.tile:hover{outline:2px solid var(--ink);outline-offset:1px}.tile .n{font-weight:700;font-size:14px}.tile .tv{font-family:var(--display);font-size:26px;font-weight:700}.tile.cold{background:var(--t-cold);color:#fff}.tile.cool{background:var(--t-cool);color:#16324f}.tile.ok{background:var(--t-ok);color:#1f3a2c}.tile.warm{background:var(--t-warm);color:#4a2a00}.tile.no_data{background:#f1efec;color:var(--nodata-ink);border:1.5px dashed var(--nodata-line)}.legend{display:flex;gap:16px;flex-wrap:wrap}.legend span{display:flex;align-items:center;gap:6px}.sw{width:14px;height:14px;border-radius:4px;display:inline-block}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 18px;border-radius:10px;border:1px solid #D8D1CA;background:var(--surface);color:var(--ink);font:600 14px var(--font);cursor:pointer;text-decoration:none}.btn:hover{background:#f3efeb;color:var(--ink)}.btn.primary{background:var(--brand);border-color:var(--brand);color:#fff}.btn.primary:hover{background:var(--brand-hover)}.crumbs{display:flex;gap:8px;font-size:14px;color:var(--muted)}.big{font-family:var(--display);font-size:56px;font-weight:700;line-height:1}.sect{font-size:12px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;color:var(--ink-2)}.dev{padding:14px;border-radius:12px;background:var(--surface-2);display:flex;flex-direction:column;gap:6px;font-size:14px}.toggle{display:flex;align-items:center;gap:12px;width:100%;padding:16px 18px;border:0;background:transparent;font:700 15px var(--font);color:var(--ink);cursor:pointer;text-align:left}.notice{display:flex;gap:16px;align-items:flex-start}.empty{padding:40px;text-align:center;color:var(--muted)}.banner{padding:14px 18px;border-radius:12px;background:var(--info-soft);color:var(--info-ink);display:flex;align-items:center;gap:12px}.proto{padding:14px;border-radius:12px;background:var(--surface);border:1px solid var(--line);display:flex;flex-direction:column;gap:6px}@media(max-width:900px){.side{display:none}.g3,.g4,.g2{grid-template-columns:1fr}.main{padding:20px 16px}.brand{width:auto}.org,.segs .lbl{display:none}}:root{--demo: #ECE7F6;--demo-ink: #43336B}.tile.resting,.loz.resting{background:#efedea;color:var(--ink-2)}.proto.demo{gap:8px}.proto.demo.on{background:var(--demo);border-color:#d3c9ea;color:var(--demo-ink)}.proto.demo .btn{min-height:40px}.proto.demo .dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#2e8b57;margin-right:8px;vertical-align:middle}.inp{min-height:40px;padding:0 10px;border:1px solid #D8D1CA;border-radius:8px;font:14px var(--font);background:var(--surface);color:var(--ink);width:100%;box-sizing:border-box}.sysnote{display:flex;flex-direction:column;gap:4px;border-left:4px solid var(--nodata-line)}.sysnote.warn{border-left-color:var(--warn-ink)}.sysnote.rest{border-left-color:#b7a9da}.sw.gapsw{background:repeating-linear-gradient(45deg,var(--surface-2) 0 3px,var(--line) 3px 5px)}