:root{--bg:#EDF1F4;--surface:#FFFFFF;--surface-2:#F5F7F9;--ink:#14202B;--ink-2:#4E5D6C;--ink-3:#8593A1;--line:#D9E0E6;--line-2:#EAEFF3;--aura:#0B8EA6;--aura-ink:#06697B;--aura-soft:#DCF2F6;--aura-mist:#F0F9FB;--ok:#1E9A6A;--ok-soft:#DFF4EA;--warn:#C97D00;--warn-soft:#FFF1DA;--alarm:#CB3A31;--alarm-soft:#FBE3E1;--iso5:#0B8EA6;--iso7:#4FAEC0;--iso8:#9BCFDA;--amb:#C9D3DA;--r-s:6px;--r-m:10px;--r-l:14px;--font:"Manrope",system-ui,-apple-system,"Segoe UI",sans-serif}[data-theme=dark]{--bg:#0D171F;--surface:#132230;--surface-2:#182B3B;--ink:#E7EEF4;--ink-2:#9BADBD;--ink-3:#6F8494;--line:#22384B;--line-2:#1C3041;--aura:#3FB5CB;--aura-ink:#7FD3E2;--aura-soft:#153744;--aura-mist:#112C37;--ok:#3FBF84;--ok-soft:#153427;--warn:#E5A03A;--warn-soft:#3A2C12;--alarm:#F0616A;--alarm-soft:#3F1B1F;--iso8:#2A4256;--iso7:#2E6E80;--iso5:#3FB5CB}*{box-sizing:border-box}body,html{margin:0;height:100%}body{font-family:var(--font);background:var(--bg);color:var(--ink);font-size:14px;line-height:1.45;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}:focus-visible{outline:2px solid var(--aura);outline-offset:1px}h1,h2,h3{margin:0;font-weight:700;letter-spacing:-.01em}h1{font-size:22px}h2{font-size:16px}h3{font-size:13.5px;color:var(--ink-2);font-weight:600}a{color:var(--aura-ink)}.app{display:grid;grid-template-columns:232px 1fr;grid-template-rows:60px 1fr;height:100vh;overflow:hidden}.top{grid-column:1/3;background:var(--surface);border-bottom:1px solid var(--line);gap:14px;padding:0 20px}.brand,.top{display:flex;align-items:center}.brand{gap:10px;min-width:212px}.brand .mark{width:30px;height:30px;border-radius:9px;background:linear-gradient(160deg,var(--aura) 0,#5CC3D3 100%);position:relative;overflow:hidden;flex:none}.brand .mark:after{content:"";position:absolute;inset:6px;border-radius:5px;border:2px solid rgba(255,255,255,.85);border-bottom-color:transparent;transform:rotate(45deg)}.brand b{font-size:17px;font-weight:800;letter-spacing:-.02em}.brand small{display:block;font-size:11px;color:var(--ink-3);font-weight:600;margin-top:-2px}.state{display:flex;align-items:center;gap:10px;padding:6px 12px 6px 8px;border-radius:999px;background:var(--surface-2);border:1px solid var(--line);font-weight:700;white-space:nowrap}.state .dot{width:10px;height:10px;border-radius:50%;background:var(--ink-3);box-shadow:0 0 0 4px var(--line-2)}.state[data-s=PRODUCTION] .dot,.state[data-s=READY] .dot{background:var(--ok);box-shadow:0 0 0 4px color-mix(in srgb,var(--ok) 20%,transparent)}.state[data-s=STABILIZING] .dot,.state[data-s=STARTING] .dot{background:var(--aura);box-shadow:0 0 0 4px var(--aura-soft)}.state[data-s=ALARM] .dot,.state[data-s=FIRE_SHUTDOWN] .dot,.state[data-s=POWER_FAIL] .dot{background:var(--alarm);box-shadow:0 0 0 4px var(--alarm-soft);animation:pulse 1.2s infinite}@keyframes pulse{50%{box-shadow:0 0 0 7px var(--alarm-soft)}}.spacer{flex:1 1}.meta{display:flex;align-items:center;gap:12px;color:var(--ink-2);font-size:13px}.clock{font-weight:700;color:var(--ink)}.userbtn{display:flex;align-items:center;gap:8px;border:1px solid var(--line);background:var(--surface);border-radius:999px;padding:5px 12px 5px 6px;font-weight:600}.userbtn .av{width:26px;height:26px;border-radius:50%;background:var(--aura-soft);color:var(--aura-ink);display:grid;place-items:center;font-size:11px;font-weight:800}.userbtn .role{color:var(--ink-3);font-weight:500}.iconbtn{border:1px solid var(--line);background:var(--surface);border-radius:999px;width:34px;height:34px;display:grid;place-items:center;color:var(--ink-2)}.rail{background:var(--surface);border-right:1px solid var(--line);padding:14px 10px;display:flex;flex-direction:column;gap:2px;overflow:auto}.rail .grp{font-size:11px;font-weight:700;color:var(--ink-3);padding:12px 12px 6px}.rail a{display:flex;align-items:center;gap:10px;text-decoration:none;padding:9px 12px;border-radius:var(--r-s);font-weight:600;color:var(--ink-2)}.rail a:hover{background:var(--surface-2);color:var(--ink)}.rail a.act{background:var(--aura-mist);color:var(--aura-ink)}.rail a svg{width:17px;height:17px;flex:none;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.rail .badge{margin-left:auto;font-size:11px;font-weight:700;padding:1px 7px;border-radius:999px;background:var(--alarm);color:#fff}.rail .foot{margin-top:auto;padding:12px;font-size:11px;color:var(--ink-3);line-height:1.5;border-top:1px solid var(--line-2)}main{overflow:auto;padding:22px 26px 40px}.head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:16px}.head p{margin:4px 0 0;color:var(--ink-2);max-width:70ch}.actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.btn{border:1px solid var(--line);background:var(--surface);border-radius:var(--r-s);padding:8px 14px;font-weight:600}.btn:hover{border-color:var(--ink-3)}.btn.primary{background:var(--aura);border-color:var(--aura);color:#fff}.btn.primary:hover{background:var(--aura-ink)}.btn.danger{color:var(--alarm);border-color:var(--alarm)}.btn.sm{padding:5px 10px;font-size:12.5px}.btn:disabled{opacity:.45;cursor:not-allowed}.grid{display:grid;grid-gap:14px;gap:14px}.g2{grid-template-columns:1fr 1fr}.g3{grid-template-columns:repeat(3,1fr)}.g4{grid-template-columns:repeat(4,1fr)}.g-2-1{grid-template-columns:2fr 1fr}.g-1-2{grid-template-columns:1fr 2fr}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-l);padding:16px 18px}.card.flat{background:var(--surface-2);border-color:var(--line-2)}.card h2{margin-bottom:10px}.card .sub{color:var(--ink-3);font-size:12px;font-weight:500;margin-left:8px}.row{display:flex;align-items:center;gap:10px}.row.between{justify-content:space-between}.row.wrap{flex-wrap:wrap}.stack{gap:8px}.kpi,.stack{display:flex;flex-direction:column}.kpi{gap:2px}.kpi .l{font-size:12px;color:var(--ink-2);font-weight:600}.kpi .v{font-size:26px;font-weight:800;letter-spacing:-.02em}.kpi .v small{font-size:13px;font-weight:600;color:var(--ink-3);margin-left:4px}.kpi .s{font-size:12px;color:var(--ink-3)}.tag{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:700;padding:2px 9px;border-radius:999px;background:var(--surface-2);color:var(--ink-2);border:1px solid var(--line);white-space:nowrap}.tag.ok{background:var(--ok-soft);color:var(--ok)}.tag.ok,.tag.warn{border-color:transparent}.tag.warn{background:var(--warn-soft);color:var(--warn)}.tag.alarm{background:var(--alarm-soft);color:var(--alarm)}.tag.alarm,.tag.aura{border-color:transparent}.tag.aura{background:var(--aura-soft);color:var(--aura-ink)}.tag.iso5{background:var(--iso5)}.tag.iso5,.tag.iso7{color:#fff;border-color:transparent}.tag.iso7{background:var(--iso7)}.tag.iso8{background:var(--iso8);color:var(--ink);border-color:transparent}table{width:100%;border-collapse:collapse;font-size:13px}th{text-align:left;font-weight:600;color:var(--ink-3);font-size:12px;padding:6px 10px;border-bottom:1px solid var(--line)}td{padding:8px 10px;border-bottom:1px solid var(--line-2);vertical-align:middle}tr:last-child td{border-bottom:0}td.num,th.num{text-align:right}tr.hl-warn td{background:var(--warn-soft)}tr.hl-alarm td{background:var(--alarm-soft)}.bar{height:8px;background:var(--line-2);overflow:hidden;position:relative}.bar,.bar i{border-radius:999px}.bar i{display:block;height:100%;background:var(--aura);transition:width .6s}.bar i.warn{background:var(--warn)}.bar i.alarm{background:var(--alarm)}.bar i.ok{background:var(--ok)}.field{display:flex;flex-direction:column;gap:4px}.field label{font-size:12px;font-weight:600;color:var(--ink-2)}.field input,.field select,.field textarea{border:1px solid var(--line);border-radius:var(--r-s);padding:8px 10px;background:var(--surface)}.field .hint{font-size:11px;color:var(--ink-3)}.seg{display:inline-flex;border:1px solid var(--line);border-radius:var(--r-s);overflow:hidden}.seg button{border:0;background:var(--surface);padding:6px 12px;font-weight:600;color:var(--ink-2)}.seg button.act{background:var(--aura);color:#fff}.note{font-size:12px;color:var(--ink-3);line-height:1.5}.note.verify{color:var(--warn);font-weight:600}.list{display:flex;flex-direction:column}.list .it{display:grid;grid-template-columns:auto 1fr auto;grid-gap:12px;gap:12px;align-items:center;padding:10px 0;border-bottom:1px solid var(--line-2)}.list .it:last-child{border-bottom:0}.list .it .t{font-weight:600}.list .it .d{font-size:12px;color:var(--ink-3)}.pri{width:8px;height:38px;border-radius:3px;background:var(--line)}.pri.alarm{background:var(--alarm)}.pri.warn{background:var(--warn)}.empty{padding:26px;text-align:center;color:var(--ink-3);border:1px dashed var(--line);border-radius:var(--r-m)}canvas.trend{width:100%;height:200px;display:block}.steps{display:grid;grid-template-columns:repeat(5,1fr);grid-gap:8px;gap:8px}.steps .st{padding:10px 12px;border-radius:var(--r-m);border:1px solid var(--line);background:var(--surface-2);font-size:12.5px}.steps .st b{display:block;margin-bottom:2px}.steps .st.done{border-color:var(--ok);background:var(--ok-soft)}.steps .st.now{border-color:var(--aura);background:var(--aura-mist);box-shadow:inset 0 0 0 1px var(--aura)}.check{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid var(--line-2);font-size:13px}.check:last-child{border-bottom:0}.check input{width:16px;height:16px;accent-color:var(--aura)}.check .ref{margin-left:auto;font-size:11px;color:var(--ink-3);white-space:nowrap}.ffu{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:8px;gap:8px}.ffu .u{border-radius:var(--r-m);border:1px solid var(--line);padding:10px;text-align:center;background:var(--surface-2)}.ffu .u b{display:block;font-size:12px}.ffu .u span{font-size:12px;color:var(--ink-3)}.ffu .u.run{border-color:var(--aura);background:var(--aura-mist)}.ffu .u.fault{border-color:var(--alarm);background:var(--alarm-soft)}.ffu .fan{width:26px;height:26px;margin:2px auto 6px;border-radius:50%;border:3px solid var(--aura);border-top:3px solid transparent;animation:spin 1.1s linear infinite}.ffu .fault .fan{border-color:var(--alarm);animation:none}.ffu .off .fan{animation:none;border-color:var(--line)}@keyframes spin{to{transform:rotate(1turn)}}.cascade{padding:0;overflow:hidden}.cascade .hd{display:flex;align-items:center;justify-content:space-between;padding:14px 18px 0}.cascade svg{width:100%;height:auto;display:block}.cascade text{font-family:inherit;fill:var(--ink)}.cascade .zl{font-size:12.5px;font-weight:700}.cascade .zs{font-size:11px;fill:var(--ink-2);font-weight:500}.cascade .zv{font-size:19px;font-weight:800}.cascade .zu{font-size:11px;fill:var(--ink-3)}.cascade .flow{stroke:var(--aura);stroke-width:2;fill:none;stroke-dasharray:6 7;animation:flow 1.4s linear infinite;opacity:.85}.cascade .flow.off{animation:none;opacity:.2}@keyframes flow{to{stroke-dashoffset:-13}}.cascade .door{stroke:var(--ink-3);stroke-width:2}.cascade .door.open{stroke:var(--alarm);stroke-dasharray:3 3}.cascade .zone{stroke:var(--line);stroke-width:1.5}.cascade .zone.bad{stroke:var(--alarm);stroke-width:2}.cascade .plenum{fill:var(--surface-2);stroke:var(--line)}.cascade .hepa{fill:var(--surface);stroke:var(--aura);stroke-width:1.5}.cascade .ground{stroke:var(--line);stroke-dasharray:2 4}.overlay{position:fixed;inset:0;background:rgba(20,32,43,.45);display:flex;align-items:center;justify-content:center;z-index:50}.modal{background:var(--surface);border-radius:var(--r-l);width:min(560px,94vw);max-height:92vh;overflow:auto;padding:22px;box-shadow:0 20px 60px rgba(0,0,0,.25)}.modal h2{margin-bottom:6px}.modal .foot{display:flex;justify-content:flex-end;gap:8px;margin-top:18px}.toast{position:fixed;left:50%;bottom:22px;transform:translateX(-50%);background:var(--ink);color:var(--bg);padding:10px 16px;border-radius:999px;font-weight:600;z-index:60}.toast.alarm{background:var(--alarm);color:#fff}.toast.ok{background:var(--ok);color:#fff}.sig{border:1px dashed var(--line);border-radius:var(--r-m);padding:10px 12px;font-size:12.5px;background:var(--surface-2)}.sig b{color:var(--aura-ink)}.mono{font-size:11px;color:var(--ink-3);word-break:break-all}.login{min-height:100vh;display:grid;place-items:center;padding:20px}.login .card{width:min(420px,94vw)}@media (max-width:1100px){.g3,.g4{grid-template-columns:1fr 1fr}.steps{grid-template-columns:repeat(3,1fr)}}@media (max-width:840px){.app{grid-template-columns:64px 1fr}.brand small,.rail .foot,.rail .grp,.rail a span{display:none}.rail a{justify-content:center}.rail .badge{display:none}.g-1-2,.g-2-1,.g2,.g3,.g4{grid-template-columns:1fr}.brand{min-width:0}.meta .who{display:none}main{padding:14px}}@media (prefers-reduced-motion:reduce){.cascade .flow,.ffu .fan,.state .dot{animation:none}}