@font-face{font-family:Apfel Grotezk;src:url(/assets/ApfelGrotezk-Regular-aisW3iqc.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Apfel Grotezk;src:url(/assets/ApfelGrotezk-Mittel-Bwrbh7G7.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Apfel Grotezk;src:url(/assets/ApfelGrotezk-Fett-BujayqkT.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}:root{--bg:#f9f7ea;--surface:#ffffff;--sunken:#f1eedd;--text:#202723;--muted:#5e5d50;--border:#e4e0ce;--border-strong:#cfcbb8;--accent:#FFE636;--ok:#75B849;--ok-bg:#EAF4E1;--warn:#E8A13C;--warn-bg:#FAEFD9;--fail:#FF645A;--fail-bg:#FDE7E5;--silent:#82806F;--silent-bg:#ECEADB;--teal:#5FB6BE;--teal-text:#327880;--teal-bg:#E4F2F3;--shadow:0 1px 2px rgba(32,39,35,.06);--shadow-md:0 4px 12px rgba(32,39,35,.08)}@media(prefers-color-scheme:dark){:root{--bg:#1a1f1c;--surface:#232a25;--sunken:#161b18;--text:#f1eedd;--muted:#a9a694;--border:#333b35;--border-strong:#43443a;--ok-bg:#28351f;--warn-bg:#3a2f1a;--fail-bg:#3d2422;--silent-bg:#2b2e27;--teal-bg:#1e3234;--teal-text:#8ccdd3;--shadow:0 1px 2px rgba(0,0,0,.3);--shadow-md:0 4px 12px rgba(0,0,0,.35)}}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100vh}body{background:var(--bg);color:var(--text);font-family:Apfel Grotezk,-apple-system,Segoe UI,Roboto,sans-serif;font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased}button{font:inherit}.num{font-variant-numeric:tabular-nums}:focus-visible{outline:2px solid var(--teal);outline-offset:1px}.wrap{max-width:1280px;margin:0 auto;padding:0 20px 64px}.topbar{display:flex;align-items:center;gap:16px;padding:14px 0;border-bottom:2px solid var(--text);margin-bottom:20px;flex-wrap:wrap}.brand-logo{width:34px;height:34px;margin-right:-6px}.brand{display:flex;align-items:baseline;gap:8px;font-weight:700;font-size:1.3rem;letter-spacing:-.01em}.brand .fv{background:var(--accent);color:#202723;padding:1px 8px;border-radius:6px}.topbar .env{font-size:.72rem;font-weight:500;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.searchbox{flex:1;min-width:160px;max-width:420px;margin-left:auto}.searchbox input{width:100%;padding:8px 14px;border-radius:999px;border:1.5px solid var(--border-strong);background:var(--surface);color:var(--text);font:inherit;font-size:.9rem}.searchbox input::placeholder{color:var(--muted)}.user{display:flex;align-items:center;gap:8px;font-size:.85rem;color:var(--muted)}.avatar{width:30px;height:30px;border-radius:50%;background:var(--accent);color:#202723;display:grid;place-items:center;font-weight:700;font-size:.8rem;border:none;cursor:pointer}.avatar:hover{background:var(--text);color:var(--bg)}.statusline{font-size:.76rem;color:var(--muted);margin:-8px 0 18px;display:flex;gap:14px;flex-wrap:wrap}.statusline .err{color:var(--fail);font-weight:500}.kpis{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin-bottom:22px}.kpi{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:13px 16px;box-shadow:var(--shadow);text-align:left;cursor:pointer;color:var(--text)}.kpi:hover{border-color:var(--text)}.kpi .label{font-size:.7rem;font-weight:500;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);display:flex;align-items:center;gap:6px}.kpi .value{font-size:1.85rem;font-weight:700;line-height:1.15;margin-top:2px}.kpi .sub{font-size:.74rem;color:var(--muted)}.kpi.attn-fail{border:1.5px solid var(--fail);background:var(--fail-bg)}.kpi.attn-silent{border:1.5px solid var(--silent);background:var(--silent-bg)}.kpi.on{outline:2px solid var(--text)}.dot{width:9px;height:9px;border-radius:50%;display:inline-block;flex:none}.dot.ok{background:var(--ok)}.dot.warn{background:var(--warn)}.dot.fail{background:var(--fail)}.dot.silent{background:var(--silent)}.dot.building{background:var(--teal)}.main{display:grid;grid-template-columns:1fr 320px;gap:20px;align-items:start}.panel{background:var(--surface);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow);overflow:hidden}.panel-head{display:flex;align-items:baseline;gap:10px;padding:13px 18px;border-bottom:1px solid var(--border)}.panel-head h2{margin:0;font-size:1rem;font-weight:700}.panel-head .hint{font-size:.76rem;color:var(--muted)}.panel-head .count{margin-left:auto;font-size:.76rem;color:var(--muted);white-space:nowrap}.chips{display:flex;gap:8px;padding:12px 18px 4px;flex-wrap:wrap}.chip{font-size:.78rem;font-weight:500;padding:4px 12px;border-radius:999px;border:1.5px solid var(--border-strong);background:transparent;color:var(--text);cursor:pointer}.chip.on{background:var(--text);color:var(--bg);border-color:var(--text)}.chip:hover:not(.on){background:var(--accent);color:#202723;border-color:#202723}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:.88rem}thead th{text-align:left;font-size:.68rem;font-weight:500;text-transform:uppercase;letter-spacing:.07em;color:var(--muted);padding:10px 12px;border-bottom:1px solid var(--border);white-space:nowrap}tbody td{padding:9px 12px;border-bottom:1px solid var(--border);vertical-align:middle;white-space:nowrap}tbody tr{cursor:pointer}tbody tr:hover td{background:var(--sunken)}tbody tr.sel td{background:var(--sunken);box-shadow:inset 3px 0 0 var(--accent)}tbody tr:last-child td{border-bottom:none}.sysname{font-weight:500}.cat{font-size:.72rem;color:var(--muted);max-width:260px;overflow:hidden;text-overflow:ellipsis}.empty{padding:28px 18px;color:var(--muted);font-size:.88rem}.pill{display:inline-flex;align-items:center;gap:6px;font-size:.74rem;font-weight:500;padding:3px 10px;border-radius:999px}.pill.ok{background:var(--ok-bg)}.pill.warn{background:var(--warn-bg)}.pill.fail{background:var(--fail-bg)}.pill.silent{background:var(--silent-bg);color:var(--muted)}.pill.building{background:var(--teal-bg);color:var(--teal-text)}.pill.unmon{background:transparent;border:1px dashed var(--border-strong);color:var(--muted)}.dot.unmon{background:transparent;border:1.5px dashed var(--silent)}.pill.na{background:transparent;border:1px solid var(--border);color:var(--muted)}.dot.na{background:var(--border-strong)}.pill .mute{font-size:.68rem}.spark{display:inline-flex;gap:2px;align-items:flex-end;height:16px}.spark i{width:5px;border-radius:1.5px;background:var(--ok);height:100%}.spark i.warn{background:var(--warn);height:70%}.spark i.fail{background:var(--fail);height:100%}.spark i.none{background:var(--border-strong);height:40%}.linkset{display:inline-flex;gap:8px}.linkset a{font-size:.74rem;color:var(--teal-text);text-decoration:none;border-bottom:1.5px solid var(--teal);padding-bottom:1px}.linkset a:hover{background:var(--accent);color:#202723;border-color:#202723}.rail .panel+.panel{margin-top:20px}.rail-scroll{max-height:380px;overflow-y:auto;overscroll-behavior:contain}.resolve-btn{font:inherit;font-size:.74rem;font-weight:500;padding:3px 10px;border-radius:999px;border:1.5px solid var(--ok);background:transparent;color:var(--text);cursor:pointer}.resolve-btn:hover{background:var(--ok-bg)}.resolve-btn:disabled{opacity:.6;cursor:wait}.alert{padding:12px 18px;border-bottom:1px solid var(--border);display:grid;gap:3px;cursor:pointer}.alert:hover{background:var(--sunken)}.alert:last-child{border-bottom:none}.alert .top{display:flex;align-items:center;gap:8px;font-size:.78rem}.alert .sev{font-weight:700;font-size:.68rem;letter-spacing:.05em;padding:1px 7px;border-radius:5px}.sev.fail{background:var(--fail);color:#fff}.sev.warn{background:var(--warn);color:#202723}.sev.stale{background:var(--silent);color:#fff}.alert .sys{font-weight:500}.alert .age{margin-left:auto;color:var(--muted);font-size:.72rem;white-space:nowrap}.alert .msg{font-size:.8rem;color:var(--muted);white-space:normal;line-height:1.4;overflow-wrap:anywhere}.drill{margin-top:20px}.drill-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:0}.drill-left{padding:16px 18px;border-right:1px solid var(--border);min-width:0}.drill-right{padding:16px 18px;min-width:0}.runrow{display:flex;align-items:center;gap:10px;padding:7px 0;border-bottom:1px dashed var(--border);font-size:.84rem}.runrow:last-child{border-bottom:none}.runrow .t{color:var(--muted);font-size:.76rem;width:110px;flex:none}.runrow .s{width:86px;flex:none}.runrow .m{color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.errbox{background:var(--sunken);border:1px solid var(--border);border-left:3px solid var(--fail);border-radius:10px;padding:10px 14px;font-family:ui-monospace,Menlo,monospace;font-size:.75rem;line-height:1.55;overflow-x:auto;white-space:pre-wrap;overflow-wrap:anywhere}.meta-list{display:grid;gap:6px;font-size:.84rem;margin:0 0 14px}.meta-list>div{display:flex;gap:8px}.meta-list dt{color:var(--muted);width:100px;flex:none;font-size:.78rem;padding-top:1px}.meta-list dd{margin:0;overflow-wrap:anywhere}.btnrow{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.btn{font-size:.82rem;font-weight:500;padding:8px 14px;border-radius:9px;border:1.5px solid transparent;cursor:pointer;background:var(--text);color:var(--bg);text-decoration:none;display:inline-flex;align-items:center;gap:6px}.btn:hover{background:var(--accent);color:#202723}.btn.ghost{background:transparent;color:var(--text);border-color:var(--text)}.btn.ghost:hover{background:var(--accent);color:#202723;border-color:#202723}.sched{margin-top:20px}.band-row{display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding:12px 18px 2px}.band-row .band-label{font-size:.7rem;font-weight:500;text-transform:uppercase;letter-spacing:.07em;color:var(--muted);margin-right:6px}.band-row .ev{position:static}.ribbon{position:relative;margin:40px 18px 8px}.ribbon .axis{position:absolute;left:0;right:0;top:-22px;height:18px}.ribbon .axis span{position:absolute;transform:translate(-50%);font-size:.68rem;color:var(--muted)}.gridline{position:absolute;top:0;bottom:0;width:1px;background:var(--border)}.nowline{position:absolute;top:-6px;bottom:-6px;width:2px;background:var(--fail);border-radius:2px;z-index:2}.nowline:after{content:"now";position:absolute;top:-16px;left:-12px;font-size:.66rem;color:var(--fail);font-weight:500}.ev{position:absolute;height:22px;display:flex;align-items:center;gap:5px;font-size:.7rem;font-weight:500;padding:0 9px;border-radius:999px;background:var(--sunken);border:1px solid var(--border-strong);white-space:nowrap;cursor:pointer;max-width:240px;overflow:hidden}.ev:hover{border-color:var(--text);z-index:3}.ev .dot{width:7px;height:7px}.ev.band{background:var(--teal-bg);border-color:var(--teal)}.legend{display:flex;gap:16px;padding:4px 18px 16px;font-size:.74rem;color:var(--muted);flex-wrap:wrap}.legend span{display:inline-flex;align-items:center;gap:6px}.overlay{position:fixed;inset:0;background:#20272373;display:flex;align-items:center;justify-content:center;padding:20px;z-index:50}.modal{background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow-md);max-width:660px;width:100%;max-height:86vh;display:flex;flex-direction:column;overflow:hidden}.modal-head{display:flex;align-items:center;gap:10px;padding:14px 18px;border-bottom:1px solid var(--border)}.modal-head h2{margin:0;font-size:1rem;font-weight:700}.modal-head .x{margin-left:auto;background:none;border:none;font-size:1.05rem;cursor:pointer;color:var(--muted);padding:2px 8px;border-radius:6px}.modal-head .x:hover{background:var(--accent);color:#202723}.modal-body{padding:14px 18px;overflow-y:auto}.modal-body p{margin:0 0 10px;font-size:.84rem;color:var(--muted)}.deeplink-hint{font-size:.78rem;background:var(--sunken);border:1px solid var(--border);border-radius:8px;padding:8px 12px}.deeplink-hint code{font-size:.74rem}.brief{background:var(--sunken);border:1px solid var(--border);border-radius:10px;padding:12px 14px;font-family:ui-monospace,Menlo,monospace;font-size:.73rem;line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere;max-height:300px;overflow-y:auto}.modal-foot{display:flex;gap:8px;flex-wrap:wrap;padding:14px 18px;border-top:1px solid var(--border)}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);background:var(--text);color:var(--bg);font-size:.84rem;font-weight:500;padding:10px 18px;border-radius:999px;box-shadow:var(--shadow-md);z-index:60}.login{min-height:100vh;display:grid;place-items:center;padding:20px}.login-card{background:var(--surface);border:1px solid var(--border);border-radius:20px;box-shadow:var(--shadow-md);padding:40px 44px;text-align:center;max-width:380px}.login-card .brand{justify-content:center;margin-bottom:8px;font-size:1.6rem}.login-logo{width:92px;height:92px;display:block;margin:0 auto 18px;filter:drop-shadow(0 6px 16px rgba(32,39,35,.18))}.login-card p{color:var(--muted);font-size:.9rem;margin:0 0 22px}.login-btn{width:100%;padding:12px 20px;border-radius:10px;border:none;background:#202723;color:var(--accent);font-weight:500;font-size:1rem;cursor:pointer}.login-btn:hover{background:var(--accent);color:#202723}.viewnav{display:flex;gap:6px}.grid-scroll{max-height:72vh;overflow-y:auto}.grid-table thead th{position:sticky;top:0;background:var(--surface);z-index:2}.grid-table td{padding:5px 10px}.grid-input{font:inherit;font-size:.78rem;padding:4px 8px;border-radius:7px;border:1.5px solid var(--border);background:var(--surface);color:var(--text);min-width:110px;max-width:150px}.grid-input:focus{border-color:var(--teal)}.grid-num{min-width:64px;max-width:64px}.grid-search{min-width:180px;max-width:220px;margin-left:10px}.grid-sys{font:inherit;font-size:.84rem;font-weight:500;background:none;border:none;color:var(--text);cursor:pointer;padding:0;text-decoration:underline;text-decoration-color:var(--accent);text-decoration-thickness:2px}.grid-sys:hover{text-decoration-color:var(--text)}.grid-table input[type=checkbox]{width:16px;height:16px;accent-color:#202723}.modal-wide{max-width:720px}.btn-sm{padding:5px 10px;font-size:.76rem}.cfg-mute{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:10px 12px;background:var(--sunken);border:1px solid var(--border);border-radius:10px;margin-bottom:14px}.cfg-mute-label{font-size:.8rem;font-weight:500;margin-right:auto}.cfg-group{margin-bottom:14px}.cfg-group-title{font-size:.7rem;font-weight:500;text-transform:uppercase;letter-spacing:.07em;color:var(--muted);padding-bottom:6px;border-bottom:1px solid var(--border);margin-bottom:6px}.cfg-row{display:flex;align-items:center;gap:12px;padding:4px 0;cursor:pointer}.cfg-label{font-size:.84rem;flex:1}.cfg-input{font:inherit;font-size:.82rem;padding:5px 10px;border-radius:8px;border:1.5px solid var(--border-strong);background:var(--surface);color:var(--text);min-width:220px}.cfg-num{min-width:90px;max-width:90px}.cfg-row input[type=checkbox]{width:18px;height:18px;accent-color:#202723}.cfg-msg{font-size:.8rem;color:var(--ok);align-self:center}.cfg-msg.err{color:var(--fail)}.tip-anchor{position:relative;display:inline-flex}.tipbox{position:fixed;transform:translate(-50%,-100%);z-index:80;background:var(--text);color:var(--bg);font-size:.78rem;font-weight:400;line-height:1.45;padding:8px 12px;border-radius:9px;box-shadow:var(--shadow-md);max-width:300px;width:max-content;white-space:normal;pointer-events:none;text-align:left}footer{margin-top:28px;font-size:.74rem;color:var(--muted);text-align:center}@media(max-width:1000px){.kpis{grid-template-columns:repeat(3,1fr)}.main,.drill-grid{grid-template-columns:1fr}.drill-left{border-right:none;border-bottom:1px solid var(--border)}}@media(max-width:560px){.kpis{grid-template-columns:repeat(2,1fr)}body{font-size:14px}.topbar .env{display:none}}@media(prefers-reduced-motion:no-preference){.kpi,.chip,.btn{transition:background-color .12s ease,border-color .12s ease,color .12s ease}}