:root{--ink:#121b26;--ink2:#3b4756;--muted:#4f5b6a;--bg:#eceff2;--card:#fff;--line:#d3d9e0;--steel:#111a24;--steel2:#1c2836;--accent:#b36f00;--accent-bright:#f5a300;--blue:#0b5cad;--red:#b3261e;--green:#136c34;--amber:#8a5300;--ok-bg:#e3f4e8;--warn-bg:#fff0cc;--crit-bg:#fde4e2;--info-bg:#e2eefb;color:var(--ink);font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif}*{box-sizing:border-box}body{background:var(--bg);margin:0;font-size:16px;line-height:1.5}a{color:var(--blue)}a:hover{color:#08427d}:focus-visible{outline:3px solid var(--accent-bright);outline-offset:2px}h1{letter-spacing:-.01em;margin:.1em 0;font-size:clamp(1.6rem,3vw,2.2rem)}h2{margin:0 0 .6rem;font-size:1.15rem}h3{margin:1rem 0 .4rem;font-size:1rem}.sr{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.skip{z-index:10;background:#fff;padding:.5rem 1rem;position:absolute;left:-999px}.skip:focus{top:8px;left:8px}.muted{color:var(--muted)}.small{font-size:.85rem}.eyebrow{text-transform:uppercase;letter-spacing:.12em;color:var(--accent);margin:0;font-size:.75rem;font-weight:700}code{color:var(--ink);background:#eef1f4;border-radius:4px;padding:.1em .4em;font-size:.9em}.top{background:var(--steel);color:#fff;border-bottom:4px solid var(--accent-bright);flex-wrap:wrap;align-items:center;gap:.5rem 2rem;padding:.6rem clamp(1rem,3vw,2rem);display:flex}.brand{align-items:center;gap:.6rem;font-size:1.15rem;font-weight:800;display:flex}.brand small{color:#c5ced9;font-weight:500}.logo{background:var(--accent-bright);clip-path:polygon(0 0,100% 0,100% 30%,70% 30%,70% 100%,45% 100%,45% 30%,0 30%);border-radius:6px;width:26px;height:26px;display:inline-block}.top nav{flex-wrap:wrap;flex:1;gap:.25rem;display:flex}.top nav a{color:#e6ebf1;border-radius:6px;padding:.5rem .8rem;font-weight:600;text-decoration:none}.top nav a:hover{background:var(--steel2)}.top nav a[aria-current=page]{background:var(--accent-bright);color:var(--steel)}.user{color:#dbe2ea;align-items:center;gap:.8rem;font-size:.9rem;display:flex}.demobar{color:#4a3300;background:#fff3cf;border-bottom:1px solid #e8cf8a;padding:.45rem clamp(1rem,3vw,2rem);font-size:.85rem}main{outline:none;max-width:1200px;margin:0 auto;padding:1.5rem clamp(1rem,3vw,2rem) 3rem}footer{text-align:center;color:var(--muted);padding:1rem;font-size:.8rem}.pagehead{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem;display:flex}.demotag,.pill{text-transform:uppercase;letter-spacing:.06em;border:1.5px solid var(--amber);color:var(--amber);vertical-align:middle;background:#fff8e6;border-radius:999px;padding:.1rem .6rem;font-size:.72rem;font-weight:700;display:inline-block}.pill{border-color:var(--line);color:var(--ink2);text-transform:none;letter-spacing:0;background:#f3f5f7}.pill.planned{border-color:var(--blue);color:var(--blue);background:var(--info-bg)}.pill.done{border-color:var(--green);color:var(--green);background:var(--ok-bg)}button{font:inherit;cursor:pointer;border:2px solid #0000;border-radius:8px;padding:.6rem 1.1rem;font-weight:700}.primary{background:var(--steel);color:#fff;border-color:var(--steel)}.primary:hover{background:var(--steel2)}.ghost{color:inherit;background:0 0;border-color:currentColor;padding:.35rem .8rem;font-size:.85rem}.demo-box .ghost{color:var(--ink)}input,select{font:inherit;width:100%;color:var(--ink);background:#fff;border:1.5px solid #8794a3;border-radius:8px;padding:.55rem .7rem}label{margin-bottom:.9rem;font-size:.9rem;font-weight:600;display:block}label input,label select{margin-top:.3rem;font-weight:400}.login{grid-template-columns:1.1fr 1fr;min-height:100vh;display:grid}.login-hero{color:#fff;border-right:8px solid var(--accent-bright);background:linear-gradient(160deg,#111a24eb,#1c2836f5),repeating-linear-gradient(45deg,#111a24 0 14px,#f5a300 14px 28px);flex-direction:column;justify-content:center;gap:1rem;padding:clamp(1.5rem,5vw,4rem);display:flex}.login-hero h1{font-size:clamp(2rem,4.5vw,3.2rem);line-height:1.1}.login-hero p{color:#d6dde6;max-width:34rem;font-size:1.1rem}.brand.big{font-size:1.5rem}.hero-stats{gap:2rem;margin:1rem 0 0;padding:0;list-style:none;display:flex}.hero-stats b{color:var(--accent-bright);font-size:1.9rem;display:block}.hero-stats li{color:#c5ced9;font-size:.85rem}.login-card{flex-direction:column;justify-content:center;gap:1.2rem;max-width:520px;padding:clamp(1.5rem,5vw,4rem);display:flex}.login-card .primary{width:100%}.error{color:var(--red);background:var(--crit-bg);border-radius:6px;padding:.5rem .7rem;font-weight:600}.demo-box{border:2px dashed var(--amber);background:#fff8e6;border-radius:10px;padding:1rem;font-size:.9rem}.demo-box dl{grid-template-columns:auto 1fr;gap:.2rem .8rem;margin:.5rem 0;display:grid}.demo-box dd{margin:0}@media (width<=820px){.login{grid-template-columns:1fr}.login-hero{border-right:0;border-bottom:8px solid var(--accent-bright)}.login-card{max-width:none}}.card{background:var(--card);border:1px solid var(--line);border-radius:12px;margin-bottom:1rem;padding:1.2rem;box-shadow:0 1px 2px #111a240d}.cards{grid-template-columns:repeat(auto-fit,minmax(310px,1fr));gap:1rem;display:grid}.cards .card{border-top:5px solid var(--steel);flex-direction:column;gap:.7rem;margin:0;display:flex}.crane header{justify-content:space-between;align-items:flex-start;gap:.5rem;display:flex}.crane h2{margin:0}.crane h2 a{color:var(--ink);text-decoration:none}.crane h2 a:hover{text-decoration:underline}.crane p{margin:0}.crane.stale{background:repeating-linear-gradient(135deg,#fff 0 12px,#f5f6f8 12px 24px)}.crane footer{border-top:1px solid var(--line);text-align:left;justify-content:space-between;margin-top:auto;padding:.4rem 0 0;font-size:.85rem;display:flex}.row{flex-wrap:wrap;align-items:center;gap:.5rem .8rem;display:flex}.stats{grid-template-columns:repeat(3,1fr);gap:.5rem;margin:0;display:grid}.stats div{background:#f3f5f7;border-radius:8px;padding:.5rem .7rem}.stats dt{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem}.stats dd{font-variant-numeric:tabular-nums;margin:0;font-size:1.05rem;font-weight:800}.lbl{color:var(--ink2);justify-content:space-between;font-size:.85rem;font-weight:600;display:flex}.meter{background:#dfe4ea;border-radius:99px;height:10px;overflow:hidden}.meter .fill{background:var(--blue);height:100%}.meter .fill.hot{background:var(--red)}.chips{flex-wrap:wrap;gap:.4rem;margin:0;padding:0;list-style:none;display:flex}.chip{border:1.5px solid;border-radius:99px;padding:.2rem .6rem;font-size:.8rem;font-weight:600}.chip.online,.chip.ok{background:var(--ok-bg);color:var(--green);border-color:#8cc7a0}.chip.degraded,.chip.low{background:var(--warn-bg);color:var(--amber);border-color:#e0b64f}.chip.offline{background:var(--crit-bg);color:var(--red);border-color:#e59a95}.chip[class*=n\/a]{color:var(--ink2);border-color:var(--line);background:#eef1f4}.note{color:var(--ink2);font-size:.9rem}.summary{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:.8rem;margin:0 0 1rem;display:grid}.summary div{background:var(--steel);color:#fff;border-left:5px solid var(--accent-bright);border-radius:10px;padding:.9rem 1rem}.summary b{font-variant-numeric:tabular-nums;font-size:1.6rem;display:block}.summary span{color:#c5ced9;text-transform:uppercase;letter-spacing:.06em;font-size:.8rem}.summary .warn{border-left-color:#ffd166}.summary .crit{border-left-color:#ff7b72}.callout{border-left:5px solid var(--blue);background:var(--info-bg);color:var(--ink);border-radius:8px;margin:1rem 0;padding:.8rem 1rem}.callout.warn{background:var(--warn-bg);border-color:var(--amber)}.callout.crit{background:var(--crit-bg);border-color:var(--red)}.grid2{grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:1rem;display:grid}.grid2 .card{margin:0}.grid2{margin-bottom:1rem}.explain{border-left:6px solid var(--green)}.sev-border-warning{border-left-color:var(--amber)}.sev-border-critical{border-left-color:var(--red)}.badge{white-space:nowrap;border:1.5px solid;border-radius:6px;align-items:center;gap:.35rem;padding:.2rem .6rem;font-size:.8rem;font-weight:700;display:inline-flex}.badge.sm{padding:.05rem .4rem;font-size:.7rem}.sev-ok{background:var(--ok-bg);color:var(--green);border-color:#8cc7a0}.sev-info{background:var(--info-bg);color:var(--blue);border-color:#9bbfe6}.sev-warning{background:var(--warn-bg);color:var(--amber);border-color:#e0b64f}.sev-critical{background:var(--crit-bg);color:var(--red);border-color:#e59a95}.state-lifting{background:var(--steel);color:var(--accent-bright);border-color:var(--steel)}.state-idle{color:var(--blue);background:#e8eef5;border-color:#9bbfe6}.state-standby{color:var(--ink2);border-color:var(--line);background:#eef1f4}.state-fault,.state-offline{background:var(--crit-bg);color:var(--red);border-color:#e59a95}.lc-active,.doc-valid{background:var(--ok-bg);color:var(--green);border-color:#8cc7a0}.lc-commissioning{background:var(--info-bg);color:var(--blue);border-color:#9bbfe6}.lc-maintenance,.doc-due-soon{background:var(--warn-bg);color:var(--amber);border-color:#e0b64f}.lc-retired{color:var(--ink2);border-color:var(--line);background:#eef1f4}.doc-overdue{background:var(--crit-bg);color:var(--red);border-color:#e59a95}.dot{background:currentColor;border-radius:50%;width:9px;height:9px;display:inline-block}.state-lifting .dot{animation:1.4s infinite pulse}@keyframes pulse{50%{opacity:.25}}@media (prefers-reduced-motion:reduce){.state-lifting .dot{animation:none}}.fresh{align-items:center;gap:.35rem;font-size:.82rem;font-weight:600;display:inline-flex}.fresh-live{color:var(--green)}.fresh-delayed{color:var(--amber)}.fresh-offline{color:var(--red)}.tablewrap{border:1px solid var(--line);background:#fff;border-radius:10px;overflow-x:auto}.card .tablewrap{border:0}table{border-collapse:collapse;width:100%;font-size:.92rem}th,td{text-align:left;border-bottom:1px solid var(--line);vertical-align:top;padding:.7rem .8rem}thead th{text-transform:uppercase;letter-spacing:.06em;color:var(--ink2);white-space:nowrap;background:#f3f5f7;font-size:.75rem}tbody th{font-weight:700}td small,th small{color:var(--muted);font-size:.78rem;font-weight:400;display:block}.warntxt{font-weight:600;color:var(--amber)!important}.empty{text-align:center}.filters{grid-template-columns:2fr 1fr auto;align-items:end;gap:1rem;margin-bottom:.5rem;display:grid}.filters p{margin:0 0 .9rem}@media (width<=700px){.filters{grid-template-columns:1fr}}.chart{margin:0 0 1rem}.chart figcaption{font-size:.9rem;font-weight:700}.chart svg{width:100%;height:auto;display:block}.grid{stroke:#d3d9e0}.axis{fill:#4f5b6a;font-size:11px}.gap{fill:#eef0f3}.legend{color:var(--ink2);gap:1rem;font-size:.8rem;display:flex}.legend i{vertical-align:-1px;border-radius:3px;width:12px;height:12px;margin-right:.3rem;display:inline-block}.kvs{margin:0}.kv{border-bottom:1px solid var(--line);justify-content:space-between;gap:1rem;padding:.45rem 0;display:flex}.kv dt{color:var(--muted)}.kv dd{text-align:right;margin:0;font-weight:600}.sensors{margin:0 0 1rem;padding:0;list-style:none}.sensors li{padding:.35rem 0;font-size:.9rem}.sensors .ok span{color:var(--green)}.sensors .bad span{color:var(--amber)}.sensors span{margin-right:.4rem}.timeline{border-left:3px solid var(--line);margin:0;padding:0 0 0 1rem;list-style:none}.timeline li{grid-template-columns:8.5rem 1fr;gap:.8rem;padding:.5rem 0 .7rem;display:grid;position:relative}.timeline li:before{content:"";background:var(--steel);border:2px solid #fff;border-radius:50%;width:11px;height:11px;position:absolute;top:.85rem;left:calc(-1rem - 7px)}.timeline li.planned:before{border:2px solid var(--blue);background:#fff}.timeline time{color:var(--muted);font-size:.82rem;font-weight:600}.timeline p{margin:.2rem 0 0;font-size:.9rem}@media (width<=520px){.timeline li{grid-template-columns:1fr;gap:.1rem}}.proposal{border-left:6px solid var(--accent-bright);background:linear-gradient(90deg,#fffaf0,#fff 40%);grid-template-columns:1fr auto;gap:1.5rem;display:grid}.proposal h2{font-size:1.4rem}.checks{padding-left:1.2rem}.cta{flex-direction:column;justify-content:center;gap:.5rem;min-width:220px;display:flex}.cta small{color:var(--muted)}.ok-msg{color:var(--green);font-weight:700}@media (width<=760px){.proposal{grid-template-columns:1fr}}.reco{margin:0;padding:0;list-style:none}.reco li{border-bottom:1px solid var(--line);justify-content:space-between;gap:1rem;padding:.7rem 0;display:flex}.reco .right{text-align:right;font-size:.85rem}.flow{counter-reset:s;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.6rem;padding:0;list-style:none;display:grid}.flow li{background:var(--steel);color:#fff;counter-increment:s;border-radius:8px;flex-direction:column;gap:.2rem;padding:.7rem;font-size:.85rem;display:flex}.flow li:before{content:counter(s);color:var(--accent-bright);font-weight:800}.flow span{color:#c5ced9}.fresh-legend{gap:.5rem;padding:0;list-style:none;display:grid}