:root{--bg: #0B1018;--bg-2: #0F1620;--surface: #141C28;--surface-2: #1A2433;--surface-3: #22304256;--border: #243044;--border-strong: #324358;--text: #E6EDF3;--text-mute: #8FA0B5;--text-dim: #5C6E84;--accent: #FF8A3D;--accent-2: #38BDF8;--ok: #4ADE80;--warn: #FACC15;--danger: #F87171;--info: #A78BFA;--radius: 6px;--radius-lg: 10px;--radius-sm: 4px;--shadow-1: 0 1px 0 rgba(255,255,255,.03) inset, 0 1px 2px rgba(0,0,0,.4);--shadow-2: 0 8px 24px rgba(0,0,0,.45);--font-sans: "IBM Plex Sans", system-ui, -apple-system, sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, "SF Mono", Menlo, monospace;--sidebar-w: 232px;--topbar-h: 56px;--density: 1}[data-theme=light]{--bg: #F4F5F7;--bg-2: #ECEEF2;--surface: #FFFFFF;--surface-2: #F7F8FA;--surface-3: #EEF1F580;--border: #DDE2EA;--border-strong: #C7CFDC;--text: #0F1620;--text-mute: #51607A;--text-dim: #8595AD;--shadow-1: 0 1px 0 rgba(0,0,0,.02) inset, 0 1px 2px rgba(15,22,32,.06);--shadow-2: 0 12px 28px rgba(15,22,32,.1)}[data-theme=contrast]{--bg: #000;--bg-2: #060A12;--surface: #0A1220;--surface-2: #0F1A2D;--border: #2A4068;--border-strong: #3D5A86;--text: #FFFFFF}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:var(--font-sans);font-size:14px;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body{min-height:100vh;background-image:radial-gradient(1200px 600px at 100% -10%,rgba(255,138,61,.06),transparent 60%),radial-gradient(1000px 500px at -10% 110%,rgba(56,189,248,.04),transparent 60%)}button{font-family:inherit;color:inherit}a{color:inherit;text-decoration:none}.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.eyebrow{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--text-dim)}.muted{color:var(--text-mute)}.dim{color:var(--text-dim)}.app{display:grid;grid-template-columns:var(--sidebar-w) 1fr;min-height:100vh}.main{display:grid;grid-template-rows:var(--topbar-h) 1fr;min-width:0}.content{padding:calc(20px * var(--density)) calc(28px * var(--density));min-width:0;overflow:auto;display:flex;flex-direction:column;gap:calc(20px * var(--density))}.sidebar{background:linear-gradient(180deg,var(--bg-2),var(--bg));border-right:1px solid var(--border);display:flex;flex-direction:column;padding:18px 14px;gap:18px}.brand{display:flex;align-items:center;gap:10px;padding:4px 6px 12px;border-bottom:1px solid var(--border)}.brand-mark{width:32px;height:32px;background:linear-gradient(135deg,var(--accent),#C9410B);border-radius:7px;display:grid;place-items:center;color:#1a0b00;font-weight:700;font-family:var(--font-mono);font-size:13px;box-shadow:var(--shadow-1)}.brand-name{font-weight:600;letter-spacing:.02em}.brand-sub{font-size:11px;color:var(--text-dim);letter-spacing:.14em;text-transform:uppercase;font-family:var(--font-mono)}.nav-group{display:flex;flex-direction:column;gap:2px}.nav-label{font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--text-dim);padding:8px 8px 4px;font-family:var(--font-mono)}.nav-item{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:var(--radius);color:var(--text-mute);cursor:pointer;font-size:13.5px;border:1px solid transparent}.nav-item:hover{background:var(--surface-3);color:var(--text)}.nav-item.active{background:var(--surface-2);color:var(--text);border-color:var(--border);box-shadow:inset 2px 0 0 var(--accent)}.nav-item .badge{margin-left:auto;font-family:var(--font-mono);font-size:11px;padding:1px 6px;border-radius:999px;background:var(--surface-3);color:var(--text-mute)}.nav-item .badge.danger{background:#f8717126;color:var(--danger)}.topbar{height:var(--topbar-h);display:flex;align-items:center;gap:14px;padding:0 24px;border-bottom:1px solid var(--border);background:linear-gradient(180deg,var(--bg-2),transparent)}.crumbs{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-mute)}.crumbs strong{color:var(--text);font-weight:500}.crumbs .sep{color:var(--text-dim)}.topbar .right{margin-left:auto;display:flex;align-items:center;gap:12px}.search{display:flex;align-items:center;gap:8px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:6px 10px;min-width:280px;color:var(--text-mute)}.search input{background:transparent;border:0;outline:0;color:var(--text);font-family:inherit;font-size:13px;width:100%}.kbd{font-family:var(--font-mono);font-size:10.5px;border:1px solid var(--border);padding:1px 5px;border-radius:3px;color:var(--text-dim)}.avatar{width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,#5c6e84,#324358);display:grid;place-items:center;font-size:12px;font-weight:600;color:var(--text);border:1px solid var(--border-strong)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-1)}.card-header{display:flex;align-items:center;gap:10px;padding:14px 16px;border-bottom:1px solid var(--border)}.card-title{font-weight:600;font-size:13.5px;letter-spacing:.01em}.card-body{padding:16px}.card-tools{margin-left:auto;display:flex;gap:6px}.btn{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:var(--radius);background:var(--surface-2);border:1px solid var(--border);color:var(--text);font-size:12.5px;cursor:pointer;transition:background .12s ease,border-color .12s ease}.btn:hover{background:var(--surface-3);border-color:var(--border-strong)}.btn.primary{background:var(--accent);color:#1a0b00;border-color:transparent;font-weight:600}.btn.primary:hover{filter:brightness(1.05)}.btn.danger{background:#f871711f;color:var(--danger);border-color:#f871714d}.btn.ghost{background:transparent}.btn.sm{padding:4px 8px;font-size:11.5px}.icon-btn{width:28px;height:28px;display:grid;place-items:center;background:transparent;border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;color:var(--text-mute)}.icon-btn:hover{color:var(--text);background:var(--surface-2)}.pill{display:inline-flex;align-items:center;gap:6px;padding:3px 9px;border-radius:999px;background:var(--surface-2);border:1px solid var(--border);font-size:11.5px;color:var(--text-mute);font-family:var(--font-mono);letter-spacing:.02em}.pill .dot{width:6px;height:6px;border-radius:50%;background:var(--text-dim)}.pill.ok{background:#4ade801a;color:var(--ok);border-color:#4ade8040}.pill.ok .dot{background:var(--ok);box-shadow:0 0 0 3px #4ade802e}.pill.warn{background:#facc151a;color:var(--warn);border-color:#facc1540}.pill.warn .dot{background:var(--warn)}.pill.danger{background:#f871711f;color:var(--danger);border-color:#f871714d}.pill.danger .dot{background:var(--danger);box-shadow:0 0 0 3px #f8717133}.pill.heat{background:#ff8a3d1a;color:var(--accent);border-color:#ff8a3d40}.pill.heat .dot{background:var(--accent)}.pill.cool{background:#38bdf81a;color:var(--accent-2);border-color:#38bdf840}.pill.cool .dot{background:var(--accent-2)}.pill.idle{background:var(--surface-2);color:var(--text-mute)}.pill.offline{background:var(--surface-2);color:var(--text-dim)}.pill.offline .dot{background:var(--text-dim)}@keyframes pulse-ok{0%,to{box-shadow:0 0 0 3px #4ade802e}50%{box-shadow:0 0 0 6px #4ade800a}}.pill.ok .dot{animation:pulse-ok 2s ease-in-out infinite}.stat{display:flex;flex-direction:column;gap:4px}.stat .label{font-size:11px;color:var(--text-dim);letter-spacing:.12em;text-transform:uppercase;font-family:var(--font-mono)}.stat .value{font-family:var(--font-mono);font-size:22px;font-weight:500;letter-spacing:-.01em}.stat .value .unit{color:var(--text-mute);font-size:13px;margin-left:4px;font-weight:400}.stat .delta{font-size:11.5px;color:var(--text-mute);font-family:var(--font-mono)}.stat.heat .value{color:var(--accent)}.stat.cool .value{color:var(--accent-2)}.fleet-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:16px}.device-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:16px;display:flex;flex-direction:column;gap:14px;cursor:pointer;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease;position:relative;overflow:hidden}.device-card:hover{border-color:var(--border-strong);transform:translateY(-1px);box-shadow:var(--shadow-2)}.device-card .accent-bar{position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--text-dim)}.device-card.running .accent-bar{background:linear-gradient(180deg,var(--accent),#C9410B)}.device-card.cooling .accent-bar{background:linear-gradient(180deg,var(--accent-2),#0c83bd)}.device-card.idle .accent-bar{background:var(--text-dim)}.device-card.alarm .accent-bar{background:linear-gradient(180deg,var(--danger),#b32a2a)}.device-card.offline .accent-bar{background:var(--border-strong)}.device-head{display:flex;align-items:flex-start;gap:10px}.device-head .info{flex:1;min-width:0}.device-head .name{font-weight:600;font-size:14.5px}.device-head .serial{font-family:var(--font-mono);font-size:11px;color:var(--text-dim);letter-spacing:.04em}.temp-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding-top:12px;border-top:1px solid var(--border)}.phase-bar{height:8px;background:var(--surface-2);border-radius:4px;overflow:hidden;position:relative;border:1px solid var(--border)}.phase-bar>span{position:absolute;left:0;top:0;bottom:0;background:linear-gradient(90deg,var(--accent),#FFB066);border-radius:3px}.phase-bar.cool>span{background:linear-gradient(90deg,var(--accent-2),#7DD3FC)}.device-card .meta{display:flex;align-items:center;justify-content:space-between;font-family:var(--font-mono);font-size:11.5px;color:var(--text-mute)}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.row{display:flex;align-items:center;gap:12px}.col{display:flex;flex-direction:column;gap:12px}.page-head{display:flex;align-items:flex-end;gap:16px}.page-head h1{margin:0;font-size:22px;font-weight:600;letter-spacing:-.01em}.page-head .sub{color:var(--text-mute);font-size:13px;margin-top:4px}.page-head .right{margin-left:auto;display:flex;gap:8px}.kpi-strip{display:grid;grid-template-columns:repeat(4,1fr);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.kpi-strip>div{padding:14px 18px;border-right:1px solid var(--border)}.kpi-strip>div:last-child{border-right:0}table.tbl{width:100%;border-collapse:collapse;font-size:13px}.tbl th,.tbl td{text-align:left;padding:11px 14px;border-bottom:1px solid var(--border);vertical-align:middle}.tbl th{font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--text-dim);font-family:var(--font-mono);font-weight:500;background:var(--surface-2)}.tbl tbody tr:hover{background:var(--surface-3);cursor:pointer}.tbl td.mono{font-family:var(--font-mono)}.tbl td.right,.tbl th.right{text-align:right}:root{--hmi-top: #FFE84A;--hmi-mode: #BCD4EC;--hmi-sp: #F0A030;--hmi-cyan: #4FC8F5;--hmi-off: #DCE2E7;--hmi-green: #00E000;--hmi-ink: #000;--hmi-red: #E8140A}.hmi{background:#fff;color:var(--hmi-ink);border:2px solid var(--hmi-ink);border-radius:4px;overflow:hidden;font-family:Segoe UI,Arial,Helvetica,sans-serif;line-height:1.2}.hmi-top{display:grid;grid-template-columns:1fr auto auto 1fr;align-items:center;gap:14px;padding:6px 12px;background:var(--hmi-top);border-bottom:2px solid var(--hmi-ink);font-size:15px;font-weight:700}.hmi-top>:last-child{text-align:right}.hmi-conn{display:inline-flex;align-items:center;justify-content:center;width:46px;height:26px;border:2px solid var(--hmi-ink);background:var(--hmi-off);color:#6b7780}.hmi-conn.on{background:var(--hmi-green);color:var(--hmi-ink)}.hmi-connwrap{display:inline-flex;align-items:center;gap:8px}.hmi-off-lbl{font-size:13px;font-weight:700;letter-spacing:.06em;color:#8a1008}.hmi.offline .hmi-screen{filter:grayscale(.8);opacity:.55}.hmi-mid{display:grid;grid-template-columns:1fr 1fr;border-bottom:2px solid var(--hmi-ink)}.hmi-temps{border-right:2px solid var(--hmi-ink);padding:4px 10px;display:flex;flex-direction:column;justify-content:center}.hmi-temp{display:grid;grid-template-columns:1fr auto auto;gap:0 6px;align-items:baseline;font-size:17px;padding:1px 0}.hmi-temp .lbl{justify-self:start}.hmi-temp .val{justify-self:end;min-width:76px;text-align:right}.hmi-temp.primary{color:var(--hmi-red);font-weight:700;font-size:19px}.hmi-temp.ph{color:#0b57a4;font-weight:700;font-size:19px}.hmi-right{display:flex;flex-direction:column}.hmi-prog{flex:1;display:flex;align-items:center;justify-content:center;gap:10px;font-size:22px;font-weight:700;padding:6px 10px}.hmi-x{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;background:#b01810;color:#fff;border:2px solid var(--hmi-ink);font-size:16px;line-height:1}.hmi-mode{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:4px 8px;background:var(--hmi-mode);border-top:2px solid var(--hmi-ink);font-size:16px;font-weight:700}.hmi-mode.off{background:var(--hmi-off);color:#6b7780}.hmi-sp{display:flex;align-items:center;gap:28px;padding:5px 12px;background:var(--hmi-sp);border-bottom:2px solid var(--hmi-ink);font-size:16px;font-weight:700}.hmi-screen{position:relative;display:grid;grid-template-columns:auto 1fr auto;grid-template-rows:auto 1fr auto;grid-template-areas:"tl  center tr" "tl  center tr" "bl  chips  br";gap:10px;padding:10px;min-height:340px;background:#fff}.hmi-corner{display:flex;gap:8px;align-items:flex-start}.hmi-corner.tl{grid-area:tl}.hmi-corner.tr{grid-area:tr;justify-content:flex-end}.hmi-corner.bl{grid-area:bl;align-items:flex-end}.hmi-corner.br{grid-area:br;align-items:flex-end;justify-content:flex-end}.hmi-tile{display:inline-flex;align-items:center;justify-content:center;width:58px;height:50px;flex:0 0 auto;border:2px solid var(--hmi-ink);background:var(--hmi-off);color:#97a2ab}.hmi-tile.active{background:var(--hmi-cyan);color:var(--hmi-ink)}.hmi-tile.ok.active{background:var(--hmi-green)}.hmi-tile svg{width:32px;height:32px}.hmi-center{grid-area:center;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-width:0}.hmi-big{font-size:clamp(56px,10vw,108px);font-weight:700;line-height:.95;color:var(--hmi-red);letter-spacing:-.02em}.hmi-big .unit{font-size:.28em;margin-left:4px;vertical-align:super}.hmi-caption{margin-top:6px;font-size:14px;font-weight:600;color:#4a5560}.hmi-chips{grid-area:chips;display:flex;flex-wrap:wrap;gap:8px;align-items:flex-end;justify-content:center}.hmi-chip{border:2px solid var(--hmi-ink);min-width:108px;text-align:center;font-size:14px;font-weight:700}.hmi-chip .top{display:block;padding:2px 8px;background:var(--hmi-green);color:var(--hmi-red);border-bottom:2px solid var(--hmi-ink)}.hmi-chip .bot{display:block;padding:2px 8px;background:#fff}.hmi-popup{position:absolute;top:6px;right:6px;bottom:6px;left:6px;display:flex;justify-content:center;align-items:center;gap:18px;padding:12px 18px;border:3px solid var(--hmi-ink);background:red;color:var(--hmi-ink)}.hmi-popup.warn{background:#ffd400}.hmi-sign{width:78px;height:78px;flex:0 0 auto}.hmi-popup-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px;text-align:center;font-size:20px;font-weight:700}.hmi-popup-row{display:flex;flex-direction:column;gap:2px}.hmi-popup-row .code{font-family:var(--font-mono);font-size:13px;font-weight:700;opacity:.8}@media (max-width: 760px){.hmi-mid{grid-template-columns:1fr}.hmi-temps{border-right:0;border-bottom:2px solid var(--hmi-ink)}.hmi-top{grid-template-columns:auto auto 1fr;font-size:13px;gap:8px}.hmi-top>:last-child{grid-column:1 / -1;text-align:left}.hmi-screen{grid-template-columns:auto 1fr auto;min-height:200px}.hmi-tile{width:46px;height:40px}.hmi-tile svg{width:24px;height:24px}.hmi-popup{flex-direction:column;gap:10px}.hmi-popup-body{font-size:16px}.hmi-sign{width:56px;height:56px}}.cfg-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px 14px}.cfg-cell{display:flex;align-items:center;gap:8px;min-width:0}.cfg-label{flex:1;text-align:right;font-size:11.5px;line-height:1.25;color:var(--text-mute);min-width:0}.cfg-n{color:var(--text-dim);margin-right:3px;font-family:var(--font-mono)}.cfg-value{flex:0 0 auto;min-width:84px;max-width:130px;padding:4px 8px;font-size:12.5px;text-align:left;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cfg-lock{display:inline-flex;align-items:center;gap:8px;padding:3px 10px;border:1px solid var(--border);border-radius:999px;background:var(--surface-2);color:var(--text-mute);font-size:12.5px}.cfg-lock.err{border-color:#f8717180}.cfg-lock.unlocked{border-color:#4ade8066;color:var(--ok)}.cfg-lock input{width:84px;background:transparent;border:0;border-bottom:1px solid var(--border-strong);outline:0;color:var(--text);font-size:12.5px;padding:2px 0;letter-spacing:.2em}.cfg-lock input::placeholder{color:var(--text-dim);letter-spacing:0}.cfg-lock-err{color:var(--danger);font-size:11.5px}.cfg-input{flex:0 0 auto;min-width:84px;max-width:130px;padding:4px 8px;font-size:12.5px;color:var(--text);background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-sm);outline:0}.cfg-input:focus{border-color:var(--accent)}select.cfg-input{max-width:150px}.cfg-input-wrap{display:inline-flex;align-items:center;gap:5px;flex:0 0 auto}.cfg-input-wrap .cfg-input{min-width:76px}.cfg-unit{color:var(--text-dim);font-size:11px}.cfg-ip{display:inline-flex;align-items:center;gap:2px;flex:0 0 auto}.cfg-ip-oct{display:inline-flex;align-items:center;gap:2px}.cfg-ip-dot{color:var(--text-dim)}.cfg-ip .cfg-input{min-width:52px;width:52px;padding:4px 5px}.cfg-input.dirty,.cfg-cell.dirty .cfg-input{border-color:var(--accent);background:#ff8a3d12}.cfg-cell.dirty .cfg-label{color:var(--text)}.cfg-badge{flex:0 0 auto;width:16px;height:16px;display:grid;place-items:center;border-radius:50%;font-size:11px;font-weight:700;font-family:var(--font-mono)}.cfg-badge.ok{background:#4ade802e;color:var(--ok)}.cfg-badge.pending{background:var(--surface-3);color:var(--text-mute)}.cfg-badge.timeout{background:#facc152e;color:var(--warn)}.cfg-badge.err{background:#f871712e;color:var(--danger)}.cfg-cell.locked .cfg-label,.cfg-cell.locked .cfg-n{color:var(--text-dim)}.cfg-cell.locked .cfg-value{color:var(--text-dim);background:transparent;border-color:transparent;border-bottom:1px solid var(--border);border-radius:0}@media (max-width: 1180px){.cfg-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 620px){.cfg-grid{grid-template-columns:1fr}.cfg-label{text-align:left}}.chart-wrap{padding:8px 8px 4px}.chart-legend{display:flex;gap:16px;padding:0 8px 8px;font-size:12px;color:var(--text-mute)}.chart-legend .sw{width:12px;height:2px;border-radius:1px;display:inline-block;margin-right:6px;vertical-align:middle}.phases{display:flex;flex-direction:column}.phases .phase{display:grid;grid-template-columns:28px 1fr auto;align-items:center;gap:10px;padding:10px 12px;border-bottom:1px solid var(--border)}.phases .phase:last-child{border-bottom:0}.phases .phase .ix{font-family:var(--font-mono);font-size:11px;color:var(--text-dim)}.phases .phase .name{font-size:13px}.phases .phase .meta{font-family:var(--font-mono);font-size:11.5px;color:var(--text-mute)}.phases .phase.current{background:#ff8a3d0f;border-left:2px solid var(--accent);padding-left:10px}.phases .phase.done{color:var(--text-mute)}.phases .phase.done .name{text-decoration:line-through;opacity:.8}.phases .phase .ix.done{color:var(--ok)}.alarm-row{display:grid;grid-template-columns:8px 130px 130px 1fr auto;gap:14px;align-items:center;padding:12px 14px;border-bottom:1px solid var(--border)}.alarm-row .sev{width:8px;height:8px;border-radius:50%}.alarm-row .sev.crit{background:var(--danger);box-shadow:0 0 0 3px #f8717133}.alarm-row .sev.warn{background:var(--warn)}.alarm-row .sev.info{background:var(--info)}.alarm-row .when,.alarm-row .code{font-family:var(--font-mono);font-size:12px;color:var(--text-mute)}.alarm-row .msg{font-size:13px}.alarm-row .device{color:var(--text-mute);font-size:12px}.split-2{display:grid;grid-template-columns:2fr 1fr;gap:16px}@media (max-width: 1180px){.split-2{grid-template-columns:1fr}}.user-row{display:grid;grid-template-columns:32px 1fr auto auto auto auto;align-items:center;gap:14px;padding:12px 14px;border-bottom:1px solid var(--border)}.toggle{width:30px;height:18px;border-radius:9px;background:var(--surface-2);border:1px solid var(--border);position:relative;cursor:pointer}.toggle:after{content:"";position:absolute;top:1px;left:1px;width:14px;height:14px;border-radius:50%;background:var(--text-dim);transition:left .12s ease,background .12s ease}.toggle.on{background:#ff8a3d2e;border-color:var(--accent)}.toggle.on:after{left:13px;background:var(--accent)}.login-wrap{min-height:100vh;display:grid;place-items:center;padding:40px;background:radial-gradient(800px 400px at 70% 30%,rgba(255,138,61,.08),transparent 60%),radial-gradient(700px 350px at 20% 80%,rgba(56,189,248,.05),transparent 60%),var(--bg)}.login-card{width:420px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:32px;box-shadow:var(--shadow-2)}.input{width:100%;padding:10px 12px;background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);font-family:inherit;font-size:13.5px;outline:none}.input:focus{border-color:var(--accent)}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.field label{font-size:11.5px;color:var(--text-dim);letter-spacing:.12em;text-transform:uppercase;font-family:var(--font-mono)}hr.sep{border:0;border-top:1px solid var(--border);margin:4px 0}.scroll-x{overflow-x:auto}.placeholder{background:repeating-linear-gradient(45deg,var(--surface-2) 0 12px,var(--surface) 12px 24px);border:1px dashed var(--border-strong);border-radius:var(--radius);display:grid;place-items:center;color:var(--text-dim);font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase}.mobile-only,.sidebar-backdrop{display:none}@media (max-width: 900px){.app{grid-template-columns:1fr}.sidebar{position:fixed;top:0;left:0;bottom:0;width:260px;max-width:80vw;z-index:50;transform:translate(-100%);transition:transform .22s ease;box-shadow:var(--shadow-2)}.app.sidebar-open .sidebar{transform:translate(0)}.sidebar-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;z-index:40;opacity:0;pointer-events:none;transition:opacity .22s ease}.app.sidebar-open .sidebar-backdrop{opacity:1;pointer-events:auto}.mobile-only{display:inline-flex}.desktop-only{display:none!important}.topbar{padding:0 12px;gap:8px}.topbar .right{gap:8px}.crumbs{font-size:12px}.crumbs span:not(:last-child){display:none}.crumbs .sep{display:none}.content{padding:14px 12px;gap:14px}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr;gap:12px}.kpi-strip{grid-template-columns:1fr 1fr}.kpi-strip>div{border-right:1px solid var(--border);border-bottom:1px solid var(--border)}.kpi-strip>div:nth-child(2n){border-right:0}.kpi-strip>div:nth-last-child(-n+2){border-bottom:0}.fleet-grid{grid-template-columns:1fr;gap:12px}.page-head{flex-direction:column;align-items:flex-start;gap:10px}.page-head .right{margin-left:0;flex-wrap:wrap}.page-head h1{font-size:18px}.page-head .sub{font-size:12px}.card-body{padding:12px;overflow-x:auto}.alarm-row{grid-template-columns:8px 1fr auto;gap:8px}.alarm-row .when,.alarm-row .device{display:none}.user-row{grid-template-columns:32px 1fr auto;gap:10px}.user-row>*:nth-child(n+4):nth-child(-n+5){display:none}.card[style*="width: 520px"],.card[style*="width: 560px"],.card[style*="width: 420px"]{width:95vw!important;max-height:90vh}.login-card{width:100%;max-width:420px;padding:24px}.login-wrap{padding:16px}}@media (max-width: 480px){.kpi-strip{grid-template-columns:1fr}.kpi-strip>div{border-right:0;border-bottom:1px solid var(--border)}.kpi-strip>div:last-child{border-bottom:0}.topbar .avatar{display:none}}