:root{--radius: 18px;--radius-sm: 12px;--nav-w: 240px;--font: "Outfit", system-ui, sans-serif;--mono: "IBM Plex Mono", ui-monospace, monospace;--accent: #2dd4bf;--accent-dim: #0d9488;--accent-soft: rgba(45, 212, 191, .12);--blue: #38bdf8;--blue-soft: rgba(56, 189, 248, .12);--amber: #fbbf24;--amber-soft: rgba(251, 191, 36, .12);--rose: #fb7185;--rose-soft: rgba(251, 113, 133, .12);--ok: #34d399;--ok-soft: rgba(52, 211, 153, .14);--warn: #fbbf24;--err: #fb7185;--bg0: #070d16;--bg1: #0c1522;--panel: rgba(16, 28, 44, .82);--panel-solid: #101c2c;--panel-raised: #152336;--line: rgba(140, 170, 200, .2);--line-strong: rgba(140, 170, 200, .32);--text: #f0f6fc;--muted: #9eb3c9;--faint: #7a92ab;--shadow: 0 18px 50px rgba(0, 0, 0, .35);--nav-bg: linear-gradient(180deg, rgba(10, 18, 30, .96), rgba(8, 14, 24, .94));--body-bg: radial-gradient(900px 500px at 8% -5%, rgba(13, 148, 136, .16), transparent 55%), radial-gradient(700px 420px at 96% 0%, rgba(14, 80, 140, .2), transparent 50%), radial-gradient(600px 400px at 50% 100%, rgba(8, 40, 70, .35), transparent 60%), linear-gradient(180deg, #08111c 0%, var(--bg0) 40%, #060a10 100%);--scrim: rgba(0, 0, 0, .5);--inset: rgba(0, 0, 0, .18);--surface: #0f1a24;--pump-ring: radial-gradient(circle at 40% 35%, #1e3a4a, #0a1624 70%);--card-bg: linear-gradient(160deg, rgba(22, 38, 56, .95), rgba(12, 20, 34, .96));--card-bg-solid: #121f30;--metric-bg: linear-gradient(165deg, rgba(24, 40, 58, .9), rgba(12, 22, 36, .92));--soft-fill: rgba(0, 0, 0, .22);--run-stat-bg: linear-gradient(160deg, rgba(13, 148, 136, .12), rgba(0, 0, 0, .18));--tile-bg: linear-gradient(160deg, rgba(22, 38, 56, .95), rgba(12, 20, 34, .96));--nav-hover: rgba(255, 255, 255, .06);--pump-core-off: linear-gradient(160deg, #334155, #0f172a);--toast-ok-bg: rgba(6, 78, 59, .55);--toast-ok-border: rgba(52, 211, 153, .45);--toast-ok-text: #d1fae5;--toast-err-bg: rgba(127, 29, 29, .55);--toast-err-border: rgba(251, 113, 133, .45);--toast-err-text: #ffe4e6;--toast-info-bg: rgba(12, 74, 110, .55);--toast-info-border: rgba(56, 189, 248, .4);--toast-info-text: #e0f2fe;--tabs-track: rgba(0, 0, 0, .28);color:var(--text);background:var(--bg0);font-family:var(--font);font-size:16px;line-height:1.5;color-scheme:dark}html[data-theme=light],html[data-scheme=light],:root.theme-light,:root.scheme-light{--bg0: #eef2f7;--bg1: #e4ebf3;--panel: rgba(255, 255, 255, .92);--panel-solid: #ffffff;--panel-raised: #f7fafc;--line: rgba(30, 55, 80, .12);--line-strong: rgba(30, 55, 80, .22);--text: #0f1c2e;--muted: #455a72;--faint: #5c728a;--accent: #0f766e;--accent-dim: #0d9488;--accent-soft: rgba(15, 118, 110, .1);--blue: #0369a1;--blue-soft: rgba(3, 105, 161, .1);--ok: #047857;--ok-soft: rgba(4, 120, 87, .1);--shadow: 0 16px 40px rgba(15, 35, 60, .1);--nav-bg: linear-gradient(180deg, rgba(255, 255, 255, .98), rgba(245, 248, 252, .96));--body-bg: radial-gradient(900px 500px at 8% -5%, rgba(13, 148, 136, .1), transparent 55%), radial-gradient(700px 420px at 96% 0%, rgba(56, 140, 210, .1), transparent 50%), linear-gradient(180deg, #f5f8fc 0%, var(--bg0) 45%, #e8eef5 100%);--scrim: rgba(15, 30, 50, .35);--inset: rgba(15, 40, 70, .06);--surface: #ffffff;--pump-ring: radial-gradient(circle at 40% 35%, #e2eef4, #cfdce8 70%);--card-bg: linear-gradient(160deg, #ffffff 0%, #f3f7fb 100%);--card-bg-solid: #ffffff;--metric-bg: linear-gradient(165deg, #ffffff 0%, #f0f5fa 100%);--soft-fill: rgba(15, 40, 70, .05);--run-stat-bg: linear-gradient(160deg, rgba(13, 148, 136, .1), rgba(15, 80, 100, .04));--tile-bg: linear-gradient(160deg, #ffffff 0%, #f3f7fb 100%);--nav-hover: rgba(15, 40, 70, .06);--pump-core-off: linear-gradient(160deg, #e2e8f0, #cbd5e1);--toast-ok-bg: #ecfdf5;--toast-ok-border: #6ee7b7;--toast-ok-text: #065f46;--toast-err-bg: #fff1f2;--toast-err-border: #fda4af;--toast-err-text: #9f1239;--toast-info-bg: #eff6ff;--toast-info-border: #93c5fd;--toast-info-text: #1e3a8a;--tabs-track: rgba(15, 40, 70, .08);color-scheme:light}@media(prefers-color-scheme:light){html[data-theme=system]{--bg0: #eef2f7;--bg1: #e4ebf3;--panel: rgba(255, 255, 255, .92);--panel-solid: #ffffff;--panel-raised: #f7fafc;--line: rgba(30, 55, 80, .12);--line-strong: rgba(30, 55, 80, .22);--text: #0f1c2e;--muted: #455a72;--faint: #5c728a;--accent: #0f766e;--accent-dim: #0d9488;--accent-soft: rgba(15, 118, 110, .1);--blue: #0369a1;--blue-soft: rgba(3, 105, 161, .1);--ok: #047857;--ok-soft: rgba(4, 120, 87, .1);--shadow: 0 16px 40px rgba(15, 35, 60, .1);--nav-bg: linear-gradient(180deg, rgba(255, 255, 255, .98), rgba(245, 248, 252, .96));--body-bg: radial-gradient(900px 500px at 8% -5%, rgba(13, 148, 136, .1), transparent 55%), radial-gradient(700px 420px at 96% 0%, rgba(56, 140, 210, .1), transparent 50%), linear-gradient(180deg, #f5f8fc 0%, var(--bg0) 45%, #e8eef5 100%);--scrim: rgba(15, 30, 50, .35);--inset: rgba(15, 40, 70, .06);--surface: #ffffff;--pump-ring: radial-gradient(circle at 40% 35%, #e2eef4, #cfdce8 70%);--card-bg: linear-gradient(160deg, #ffffff 0%, #f3f7fb 100%);--card-bg-solid: #ffffff;--metric-bg: linear-gradient(165deg, #ffffff 0%, #f0f5fa 100%);--soft-fill: rgba(15, 40, 70, .05);--run-stat-bg: linear-gradient(160deg, rgba(13, 148, 136, .1), rgba(15, 80, 100, .04));--tile-bg: linear-gradient(160deg, #ffffff 0%, #f3f7fb 100%);--nav-hover: rgba(15, 40, 70, .06);--pump-core-off: linear-gradient(160deg, #e2e8f0, #cbd5e1);--toast-ok-bg: #ecfdf5;--toast-ok-border: #6ee7b7;--toast-ok-text: #065f46;--toast-err-bg: #fff1f2;--toast-err-border: #fda4af;--toast-err-text: #9f1239;--toast-info-bg: #eff6ff;--toast-info-border: #93c5fd;--toast-info-text: #1e3a8a;--tabs-track: rgba(15, 40, 70, .08);color-scheme:light}}html[data-theme=dark],:root.theme-dark{color-scheme:dark}*{box-sizing:border-box}html,body,#root{min-height:100%;background:var(--bg0);color:var(--text)}body{margin:0;background:var(--body-bg);color:var(--text);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:var(--accent);text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}h1,h2,h3,h4{margin:0;letter-spacing:-.03em;font-weight:700}h1{font-size:clamp(1.5rem,2.5vw,1.95rem)}h2{font-size:1.2rem}h3{font-size:1.05rem}.app-shell{min-height:100dvh;display:grid;grid-template-columns:var(--nav-w) 1fr}.side-nav{position:sticky;top:0;height:100dvh;padding:1.1rem .9rem;border-right:1px solid var(--line);background:var(--nav-bg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);display:flex;flex-direction:column;gap:1rem;z-index:20}.brand-block{display:flex;align-items:center;gap:.75rem;padding:.35rem .4rem .75rem;border-bottom:1px solid var(--line)}.brand-logo{display:flex;align-items:center;gap:.75rem;min-width:0}.brand-logo.compact{gap:.55rem}.brand-logo-img{flex-shrink:0;border-radius:12px;box-shadow:0 0 0 1px #5eead433,0 8px 24px #0d948847;display:block;object-fit:contain}.brand-mark{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;font-weight:800;font-size:.95rem;color:#042f2e;background:linear-gradient(145deg,#5eead4,#0d9488);box-shadow:0 0 0 1px #5eead440,0 8px 24px #0d948859}.brand-text{display:flex;flex-direction:column;line-height:1.15;min-width:0}.brand-text strong{font-size:1.05rem;letter-spacing:-.03em}.brand-text span,.brand-site{font-size:.72rem;color:var(--muted);font-weight:600;letter-spacing:.04em;text-decoration:none}.brand-site:hover{color:var(--accent)}.brand-footer{margin-top:.35rem;padding-top:.65rem;border-top:1px solid var(--line);text-align:center}.brand-footer a{color:var(--muted);font-size:.75rem;font-weight:600;letter-spacing:.04em}.brand-footer a:hover{color:var(--accent)}.nav-section{display:flex;flex-direction:column;gap:.25rem}.nav-label{font-size:.68rem;text-transform:uppercase;letter-spacing:.1em;color:var(--faint);padding:.5rem .65rem .25rem;font-weight:600}.nav-item{display:flex;align-items:center;gap:.65rem;padding:.65rem .75rem;border-radius:12px;color:var(--muted);font-weight:600;transition:background .15s,color .15s}.nav-item:hover{background:var(--nav-hover);color:var(--text)}.nav-item.active{background:var(--accent-soft);color:var(--accent);box-shadow:inset 0 0 0 1px #2dd4bf33}.nav-sub{display:flex;flex-direction:column;gap:.15rem;margin:.1rem 0 .35rem .55rem;padding-left:.65rem;border-left:1px solid var(--line)}.nav-item.sub{padding:.45rem .7rem;font-size:.9rem;font-weight:550}.nav-ico{width:1.15rem;opacity:.9;font-size:.95rem}.subapp-nav{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem 1rem;padding:.75rem 1rem;border-radius:var(--radius-sm, 12px);border:1px solid var(--line);background:linear-gradient(135deg,#2dd4bf14,#38bdf80d)}.subapp-nav-brand{display:flex;align-items:center;gap:.65rem;min-width:0}.subapp-nav-brand strong{display:block;font-size:.98rem;line-height:1.2}.subapp-nav-brand .faint{font-size:.72rem;text-transform:uppercase;letter-spacing:.06em}.subapp-nav-icon{width:2.25rem;height:2.25rem;display:inline-flex;align-items:center;justify-content:center;border-radius:12px;background:#2dd4bf1f;border:1px solid rgba(45,212,191,.25);flex-shrink:0}.subapp-nav-tabs{display:flex;flex-wrap:wrap;gap:.35rem}.subapp-tab{padding:.45rem .85rem;border-radius:999px;border:1px solid var(--line);color:var(--muted);font-weight:600;font-size:.88rem;background:#00000026;transition:background .15s,color .15s,border-color .15s}.subapp-tab:hover{color:var(--text);border-color:var(--muted)}.subapp-tab.active{color:var(--accent);border-color:#2dd4bf66;background:var(--accent-soft)}.nav-foot{margin-top:auto;padding-top:.75rem;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:.55rem}.user-chip{display:flex;align-items:center;gap:.55rem;padding:.45rem .5rem;border-radius:12px;background:#ffffff08;border:1px solid var(--line)}.user-av{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:var(--blue-soft);color:var(--blue);font-weight:700;font-size:.8rem}.user-meta{min-width:0;flex:1}.user-meta strong{display:block;font-size:.85rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-meta span{font-size:.72rem;color:var(--muted)}.shell-main{min-width:0;display:flex;flex-direction:column;min-height:100dvh}.top-strip{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.85rem 1.35rem;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--panel-solid) 75%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:sticky;top:0;z-index:15}.top-strip h1{font-size:1.1rem;font-weight:700}.top-strip .page-sub{color:var(--muted);font-size:.82rem;margin-top:.1rem}.content{width:min(1240px,100%);margin:0 auto;padding:1.15rem 1.25rem 5.5rem;flex:1}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.panel-body{padding:1rem 1.1rem}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.9rem 1.1rem;border-bottom:1px solid var(--line)}.panel-head h3{font-size:.95rem;font-weight:700}.panel-head .hint{font-size:.78rem;color:var(--muted)}.grid{display:grid;gap:1rem}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.stack{display:flex;flex-direction:column;gap:1rem}.row{display:flex;flex-wrap:wrap;align-items:center;gap:.55rem}.muted{color:var(--muted);font-size:.95rem}.faint{color:var(--faint);font-size:.85rem}.mono{font-family:var(--mono);font-variant-numeric:tabular-nums}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;border:0;border-radius:999px;padding:.58rem 1.05rem;font-weight:650;background:linear-gradient(180deg,#14b8a6,var(--accent-dim));color:#042f2e;box-shadow:0 6px 18px #0d948847;transition:transform .12s,filter .12s,opacity .12s}.btn:hover{filter:brightness(1.06)}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.45;cursor:not-allowed;filter:none}.btn.secondary{background:transparent;color:var(--text);border:1px solid var(--line-strong);box-shadow:none}.btn.ghost{background:var(--inset);color:var(--text);box-shadow:none;border:1px solid var(--line)}.btn.danger{background:linear-gradient(180deg,#fb7185,#be123c);color:#fff;box-shadow:0 6px 18px #be123c47}.btn.ok{background:linear-gradient(180deg,#34d399,#047857);color:#ecfdf5}.btn.sm{padding:.4rem .75rem;font-size:.85rem}.btn.block{width:100%}.pill{display:inline-flex;align-items:center;gap:.35rem;border-radius:999px;padding:.2rem .6rem;font-size:.72rem;font-weight:650;letter-spacing:.02em;border:1px solid var(--line);color:var(--muted);background:#0003;text-transform:uppercase}.pill .dot{width:6px;height:6px;border-radius:50%;background:currentColor}.pill.ok{color:var(--ok);border-color:#34d39959;background:var(--ok-soft)}.pill.ok .dot{box-shadow:0 0 8px var(--ok);animation:pulse 2s ease infinite}.pill.warn{color:var(--amber);border-color:#fbbf2459;background:var(--amber-soft)}.pill.err{color:var(--rose);border-color:#fb718559;background:var(--rose-soft)}.pill.info{color:var(--blue);border-color:#38bdf859;background:var(--blue-soft)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}.metric{position:relative;overflow:hidden;padding:1rem 1.05rem .85rem;border-radius:var(--radius);border:1px solid var(--line);background:var(--metric-bg);min-height:128px;display:flex;flex-direction:column;gap:.35rem}.metric:before{content:"";position:absolute;inset:0 0 auto 0;height:2px;background:linear-gradient(90deg,transparent,var(--metric-tone, var(--accent)),transparent);opacity:.85}.metric-label{font-size:.78rem;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;display:flex;align-items:center;justify-content:space-between}.metric-value{font-family:var(--mono);font-size:clamp(1.55rem,3vw,1.9rem);font-weight:600;letter-spacing:-.04em;line-height:1.1}.metric-value .unit{font-size:.75rem;color:var(--muted);font-weight:500;margin-left:.25rem}.metric-foot{display:flex;align-items:flex-end;justify-content:space-between;gap:.5rem;margin-top:auto}.metric-sub{font-size:.75rem;color:var(--faint)}.metric.tone-teal{--metric-tone: var(--accent)}.metric.tone-blue{--metric-tone: var(--blue)}.metric.tone-amber{--metric-tone: var(--amber)}.metric.tone-rose{--metric-tone: var(--rose)}.chart-wrap{width:100%;height:220px;position:relative}.chart-wrap.sm{height:48px;width:100%;max-width:120px}.chart-wrap svg{width:100%;height:100%;display:block}.chart-empty{height:100%;display:grid;place-items:center;color:var(--faint);font-size:.85rem;border:1px dashed var(--line);border-radius:var(--radius-sm)}.chart-legend{display:flex;flex-wrap:wrap;gap:.75rem;font-size:.78rem;color:var(--muted)}.chart-legend i{display:inline-block;width:10px;height:3px;border-radius:2px;margin-right:.35rem;vertical-align:middle}.device-card{padding:1.05rem;border-radius:var(--radius);border:1px solid var(--line);background:var(--card-bg);box-shadow:var(--shadow);display:flex;flex-direction:column;gap:.85rem;transition:border-color .15s,transform .15s;position:relative;overflow:hidden}.device-card:hover{border-color:color-mix(in srgb,var(--accent) 40%,var(--line))}.device-card.is-running:after{content:"";position:absolute;right:-20%;top:-30%;width:140px;height:140px;border-radius:50%;background:radial-gradient(circle,rgba(52,211,153,.18),transparent 70%);pointer-events:none}.device-card-top{display:flex;justify-content:space-between;align-items:flex-start;gap:.5rem}.device-name{font-size:1.05rem;font-weight:700;letter-spacing:-.02em}.device-meta{font-size:.8rem;color:var(--muted);margin-top:.15rem}.device-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}.run-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:.45rem;margin-top:.15rem}.run-stat{padding:.5rem .55rem;border-radius:11px;border:1px solid var(--line);background:var(--run-stat-bg);text-align:center}.run-stat label{display:block;font-size:.62rem;text-transform:uppercase;letter-spacing:.07em;color:var(--faint);font-weight:650;margin-bottom:.15rem}.run-stat strong{font-family:var(--mono);font-size:.98rem;font-weight:600;color:var(--accent)}.run-stat strong .unit{font-size:.7rem;color:var(--muted);font-weight:500;margin-left:.15rem}.mini-stat{padding:.55rem .6rem;border-radius:12px;background:var(--soft-fill);border:1px solid var(--line)}.mini-stat label{display:block;font-size:.65rem;text-transform:uppercase;letter-spacing:.06em;color:var(--faint);font-weight:600}.mini-stat strong{font-family:var(--mono);font-size:1.05rem;font-weight:600}.control-console{display:grid;grid-template-columns:1fr 1.2fr;gap:1rem;align-items:stretch}.pump-stage{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:1.5rem 1rem;min-height:260px;text-align:center}.pump-ring{width:160px;height:160px;border-radius:50%;display:grid;place-items:center;position:relative;background:var(--pump-ring);border:1px solid var(--line-strong);box-shadow:inset 0 0 40px color-mix(in srgb,var(--text) 12%,transparent)}.pump-ring.on{border-color:color-mix(in srgb,var(--ok) 55%,var(--line));box-shadow:inset 0 0 28px color-mix(in srgb,var(--text) 8%,transparent),0 0 36px color-mix(in srgb,var(--ok) 22%,transparent)}.pump-ring.on:before{content:"";position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border-radius:50%;border:2px solid rgba(52,211,153,.35);animation:spin 8s linear infinite;border-top-color:transparent;border-left-color:transparent}@keyframes spin{to{transform:rotate(360deg)}}.pump-core{width:92px;height:92px;border-radius:50%;display:grid;place-items:center;font-weight:800;font-size:.95rem;letter-spacing:.04em;border:0;background:var(--pump-core-off);color:var(--muted);box-shadow:var(--shadow);transition:transform .15s,background .2s,color .2s}.pump-core.on{background:linear-gradient(160deg,#34d399,#047857);color:#ecfdf5}.pump-core:active{transform:scale(.96)}.pump-core:disabled{opacity:.5}.control-actions{display:grid;grid-template-columns:1fr 1fr;gap:.6rem;width:100%;max-width:280px}.toast{padding:.75rem 1rem;border-radius:var(--radius-sm);font-size:.95rem;font-weight:600;border:1px solid var(--line);color:var(--text);background:var(--panel-raised);box-shadow:var(--shadow)}.toast.ok{background:var(--toast-ok-bg);border-color:var(--toast-ok-border);color:var(--toast-ok-text)}.toast.err{background:var(--toast-err-bg);border-color:var(--toast-err-border);color:var(--toast-err-text)}.toast.info{background:var(--toast-info-bg);border-color:var(--toast-info-border);color:var(--toast-info-text)}.tabs{display:flex;gap:.35rem;padding:.3rem;border-radius:14px;background:var(--tabs-track);border:1px solid var(--line);overflow-x:auto}.tab{border:0;background:transparent;color:var(--muted);font-weight:650;padding:.55rem .9rem;border-radius:11px;white-space:nowrap;font-size:.88rem}.tab.active{background:#2dd4bf24;color:var(--accent);box-shadow:inset 0 0 0 1px #2dd4bf38}.settings-tabs .tab{flex:1;text-align:center}.settings-sep{border:0;border-top:1px solid var(--line);margin:1.1rem 0}.log-feed{display:flex;flex-direction:column;max-height:420px;overflow:auto}.log-item{display:grid;grid-template-columns:14px 1fr auto;gap:.7rem;padding:.75rem .2rem;border-bottom:1px solid var(--line);align-items:start}.log-item:last-child{border-bottom:0}.log-dot{width:8px;height:8px;border-radius:50%;margin-top:.4rem;background:var(--faint)}.log-dot.ok{background:var(--ok)}.log-dot.warn{background:var(--amber)}.log-dot.err{background:var(--rose)}.log-dot.info{background:var(--blue)}.log-title{font-weight:650;font-size:.9rem}.log-body{font-size:.82rem;color:var(--muted);margin-top:.15rem}.log-time{font-family:var(--mono);font-size:.72rem;color:var(--faint);white-space:nowrap}.schedule-list{display:flex;flex-direction:column;gap:.55rem}.schedule-row{display:grid;grid-template-columns:40px 1fr auto;gap:.65rem;align-items:center;padding:.7rem .8rem;border-radius:12px;border:1px solid var(--line);background:#0000002e}.schedule-slot{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;font-family:var(--mono);font-weight:600;font-size:.85rem;background:var(--accent-soft);color:var(--accent)}.schedule-time{font-family:var(--mono);font-weight:600;font-size:.95rem}.schedule-days{font-size:.78rem;color:var(--muted)}.field{display:flex;flex-direction:column;gap:.35rem;margin-bottom:.75rem}.field label{font-size:.78rem;font-weight:650;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}.field input,.field select,.field textarea{border-radius:12px;border:1px solid var(--line);background:var(--panel-raised);color:var(--text);padding:.7rem .85rem;outline:none;transition:border-color .15s,box-shadow .15s}.field input:focus,.field select:focus,.field textarea:focus{border-color:#2dd4bf73;box-shadow:0 0 0 3px #2dd4bf1f}table.data{width:100%;border-collapse:collapse;font-size:.88rem}table.data th,table.data td{text-align:left;padding:.65rem .5rem;border-bottom:1px solid var(--line)}table.data th{font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;color:var(--faint);font-weight:650}.login-wrap{min-height:100dvh;display:grid;place-items:center;padding:1.25rem;position:relative;overflow:hidden}.login-wrap:before{content:"";position:absolute;top:-20%;right:-20%;bottom:-20%;left:-20%;background:radial-gradient(circle at 20% 30%,rgba(13,148,136,.2),transparent 40%),radial-gradient(circle at 80% 20%,rgba(14,90,160,.18),transparent 35%);animation:drift 18s ease-in-out infinite alternate}@keyframes drift{to{transform:translate(2%,2%) scale(1.05)}}.login-card{width:min(420px,100%);position:relative;z-index:1;padding:1.5rem;border-radius:22px;border:1px solid var(--line-strong);background:var(--panel);box-shadow:var(--shadow)}.login-card .brand-row{display:flex;align-items:center;gap:.75rem;margin-bottom:1.25rem}.login-card h1{font-size:1.35rem}.app-tile{padding:1.2rem;border-radius:var(--radius);border:1px solid var(--line);background:var(--tile-bg);box-shadow:var(--shadow);display:flex;flex-direction:column;gap:.75rem;min-height:180px}.app-icon{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;font-size:1.35rem;background:var(--accent-soft);border:1px solid rgba(45,212,191,.25)}.fleet-hero{display:grid;grid-template-columns:1.4fr 1fr;gap:1rem}.stat-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem}.stat-pill{padding:.85rem .95rem;border-radius:var(--radius-sm);border:1px solid var(--line);background:#0003}.stat-pill label{display:block;font-size:.7rem;text-transform:uppercase;letter-spacing:.07em;color:var(--faint);font-weight:650}.stat-pill strong{font-family:var(--mono);font-size:1.35rem;font-weight:600}.empty-state{padding:2.5rem 1.5rem;text-align:center;color:var(--muted);border:1px dashed var(--line-strong);border-radius:var(--radius);background:#00000026}.empty-state strong{display:block;color:var(--text);margin-bottom:.35rem;font-size:1.05rem}.bottom-nav{display:none;position:fixed;left:0;right:0;bottom:0;z-index:30;padding:.45rem .6rem calc(.45rem + env(safe-area-inset-bottom));background:color-mix(in srgb,var(--panel-solid) 94%,transparent);border-top:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);justify-content:space-around}.bottom-nav a{flex:1;display:flex;flex-direction:column;align-items:center;gap:.15rem;padding:.4rem;color:var(--muted);font-size:.68rem;font-weight:650;border-radius:10px}.bottom-nav a.active{color:var(--accent);background:var(--accent-soft)}.bottom-nav .ico{font-size:1.05rem}.mobile-menu-btn{display:none;border:1px solid var(--line);background:#ffffff0a;border-radius:10px;width:40px;height:40px;color:var(--text)}@media(max-width:980px){.grid-4{grid-template-columns:repeat(2,1fr)}.fleet-hero,.control-console{grid-template-columns:1fr}.stat-strip{grid-template-columns:repeat(2,1fr)}}@media(max-width:820px){.app-shell{grid-template-columns:1fr}.side-nav{display:none}.side-nav.open{display:flex;position:fixed;inset:0 auto 0 0;width:min(280px,86vw);z-index:40;box-shadow:20px 0 50px #00000073}.nav-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--scrim);z-index:35}.bottom-nav{display:flex}.mobile-menu-btn{display:grid;place-items:center}.content{padding-bottom:5.5rem}.grid-2,.grid-3{grid-template-columns:1fr}.device-metrics{grid-template-columns:repeat(3,1fr)}}.day-picker{display:flex;flex-wrap:wrap;gap:.4rem}.day-chip{border:1px solid var(--line);background:#00000040;color:var(--muted);border-radius:999px;padding:.4rem .7rem;font-size:.78rem;font-weight:650;cursor:pointer}.day-chip.on{background:var(--accent-soft);border-color:#2dd4bf66;color:var(--accent)}.repeat-mode{display:flex;gap:.4rem;margin-bottom:.65rem}.issue-banner{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.75rem 1rem;border-radius:var(--radius-sm);border:1px solid rgba(251,191,36,.35);background:var(--amber-soft)}.issue-banner.err{border-color:#fb718566;background:var(--rose-soft)}.issue-banner-text{min-width:0;flex:1}.issue-banner-actions{display:flex;align-items:center;gap:.4rem;flex-shrink:0}.btn.icon-btn{width:2.15rem;height:2.15rem;padding:0;border-radius:999px;background:var(--panel-raised);border:1px solid var(--line-strong);color:var(--ok);box-shadow:none;font-size:1.1rem;line-height:1}.btn.icon-btn:hover{filter:brightness(1.05);border-color:var(--ok)}.icon-read-all{font-weight:800;display:block;transform:translateY(-.5px)}.detail-drawer{margin-top:.5rem;padding:.75rem;border-radius:12px;background:#00000040;border:1px solid var(--line);font-family:var(--mono);font-size:.75rem;white-space:pre-wrap;color:var(--muted);max-height:200px;overflow:auto}.log-filter{display:flex;flex-wrap:wrap;gap:.4rem}.admin-card{display:flex;gap:1rem;align-items:flex-start;padding:1.15rem 1.2rem;border-radius:16px;border:1px solid var(--line);background:linear-gradient(145deg,#2dd4bf12,#0003);color:inherit;text-decoration:none;transition:border-color .15s,transform .15s}.admin-card:hover{border-color:#2dd4bf66;transform:translateY(-1px)}.admin-card strong{font-size:1.05rem}.admin-card-ico{width:2.75rem;height:2.75rem;border-radius:14px;display:flex;align-items:center;justify-content:center;background:#2dd4bf1f;border:1px solid rgba(45,212,191,.25);flex-shrink:0;font-size:1.25rem}.admin-modal{max-width:560px;max-height:min(94vh,720px)}.admin-section-title{margin:1rem 0 .5rem;font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;color:var(--faint);font-weight:650}.admin-device-mini{display:flex;flex-direction:column;gap:.55rem;padding:.65rem;border-radius:12px;border:1px solid var(--line);background:#0003}.device-mini-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.admin-page-head{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:.75rem 1rem}.admin-page-title{margin:.25rem 0 0;font-size:1.35rem}.admin-page-sub{margin:.25rem 0 0;max-width:36rem}.admin-filter-bar .panel-body{padding-bottom:.85rem}.admin-filter-grid{display:grid;grid-template-columns:1fr;gap:.65rem;align-items:end}@media(min-width:720px){.admin-filter-grid{grid-template-columns:minmax(0,1.4fr) minmax(8rem,.7fr) minmax(7rem,.55fr) auto}}.admin-filter-grow{min-width:0}.admin-filter-actions{display:flex;align-items:center;gap:.55rem;padding-bottom:.15rem}.link-user{background:none;border:0;padding:0;color:inherit;cursor:pointer;text-align:left;font:inherit}.link-user:hover strong{color:var(--accent)}.user-jump-links{margin-top:.2rem}.link-like{font-size:.82rem;color:var(--accent);font-weight:600}.link-like:hover{text-decoration:underline}.user-actions-cell{flex-wrap:wrap;gap:.35rem;max-width:280px}.user-actions-cell .btn{flex:0 0 auto}.modal-sheet.user-modal{max-width:520px}.modal-head-sub{margin:.2rem 0 0;font-size:.78rem;color:var(--faint)}.wizard-steps{display:flex;gap:.3rem;padding:.55rem 1rem;border-bottom:1px solid var(--line);overflow-x:auto;flex-shrink:0;-webkit-overflow-scrolling:touch}.wizard-step{display:inline-flex;align-items:center;gap:.35rem;flex-shrink:0;padding:.4rem .55rem;border-radius:999px;border:1px solid var(--line);background:transparent;color:var(--muted);font:inherit;font-size:.78rem;font-weight:600;cursor:pointer}.wizard-step-num{width:1.25rem;height:1.25rem;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;font-size:.7rem;background:#ffffff0f}.wizard-step.active{color:var(--accent);border-color:#2dd4bf66;background:var(--accent-soft)}.wizard-step.done{color:var(--text);border-color:#2dd4bf33}.wizard-step.done .wizard-step-num{background:#2dd4bf33;color:var(--accent)}.form-stage{animation:modal-fade-in .15s ease-out}.stack-sm{display:flex;flex-direction:column;gap:.75rem}.field-hint{display:block;margin-top:.25rem;font-size:.72rem;color:var(--faint)}.check-row{display:flex;align-items:flex-start;gap:.55rem;cursor:pointer}.check-row input{margin-top:.2rem}.chip-grid{display:flex;flex-wrap:wrap;gap:.4rem}.tag-preview{display:flex;flex-wrap:wrap;gap:.3rem;padding:.5rem 0 0}.form-banner{padding:.55rem .75rem;border-radius:10px;margin-bottom:.75rem;font-size:.88rem;font-weight:600}.form-banner.err{border:1px solid var(--toast-err-border);background:var(--toast-err-bg);color:var(--toast-err-text)}.form-banner.ok{border:1px solid var(--toast-ok-border);background:var(--toast-ok-bg);color:var(--toast-ok-text)}.wizard-actions{display:flex;align-items:center;justify-content:space-between;gap:.5rem;flex-wrap:wrap}.wizard-actions-left,.wizard-actions-right{display:flex;align-items:center;gap:.45rem;flex-wrap:wrap}.wizard-actions-right{margin-left:auto}.wizard-actions .btn{flex:0 1 auto}@media(max-width:639px){.wizard-actions .btn{min-height:2.65rem}.modal-sheet.user-modal .wizard-step-label{display:none}.modal-sheet.user-modal .wizard-step.active .wizard-step-label{display:inline}}@media(min-width:640px){.modal-sheet.user-modal{max-width:520px}}.tag-list{display:flex;flex-wrap:wrap;gap:.25rem;max-width:160px}.row-highlight td{background:#2dd4bf14}textarea{width:100%;border-radius:12px;border:1px solid var(--line);background:#00000040;color:var(--text);padding:.65rem .75rem;font:inherit;resize:vertical}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:3000;display:flex;align-items:flex-end;justify-content:center;padding:0;padding-bottom:env(safe-area-inset-bottom,0px);background:#040a12b8;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);animation:modal-fade-in .18s ease-out;overscroll-behavior:contain;touch-action:manipulation}.modal-sheet{width:100%;max-width:440px;max-height:min(85vh,640px);max-height:min(85dvh,640px);height:auto;display:flex;flex-direction:column;min-height:0;border-radius:20px 20px 0 0;border:1px solid var(--line);border-bottom:none;background:var(--surface, #0f1a24);box-shadow:0 -12px 40px #00000073;animation:modal-sheet-up .22s ease-out;overflow:hidden;position:relative;z-index:1}.modal-sheet>form,.modal-sheet .modal-form{display:flex;flex-direction:column;flex:1 1 auto;min-height:0;overflow:hidden}.modal-sheet.user-modal .modal-form{flex:1 1 auto}.modal-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.85rem 1.1rem .65rem;flex-shrink:0;border-bottom:1px solid var(--line)}.modal-head h3{margin:0;font-size:1.05rem;font-weight:650}.modal-close{width:2.25rem;height:2.25rem;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:999px;background:transparent;color:var(--muted);font-size:1.35rem;line-height:1;cursor:pointer;padding:0;flex-shrink:0}.modal-close:hover{color:var(--text);border-color:var(--muted)}.modal-body{padding:.85rem 1.1rem .75rem;overflow-x:hidden;overflow-y:auto;flex:1 1 auto;min-height:0;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;touch-action:pan-y}.modal-actions{display:flex;gap:.55rem;justify-content:flex-end;flex-wrap:wrap;padding:.75rem 1.1rem calc(.9rem + env(safe-area-inset-bottom,0px));border-top:1px solid var(--line);flex-shrink:0;background:var(--surface, #0f1a24);position:sticky;bottom:0;z-index:2}.modal-actions .btn{min-width:6.5rem;flex:1 1 auto;min-height:2.65rem}@keyframes modal-fade-in{0%{opacity:0}to{opacity:1}}@keyframes modal-sheet-up{0%{transform:translateY(18%);opacity:.85}to{transform:translateY(0);opacity:1}}@media(max-width:639px){.modal-backdrop{align-items:flex-end}.modal-sheet,.modal-sheet.schedule-modal{max-width:100%;max-height:85vh;max-height:85dvh;border-radius:18px 18px 0 0}.modal-body{padding-bottom:1rem}}@media(min-width:640px){.modal-backdrop{align-items:center;padding:1.25rem}.modal-sheet{border-radius:16px;border-bottom:1px solid var(--line);max-height:min(88vh,560px);animation:modal-center-in .2s ease-out}.modal-actions .btn{flex:0 1 auto}@keyframes modal-center-in{0%{transform:scale(.96) translateY(8px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}}.time-sels{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem}.time-sel{min-height:2.65rem;min-width:4.25rem;padding:.4rem .5rem;border-radius:10px;border:1px solid var(--line);background:var(--surface-2, var(--bg));color:inherit;font-size:1rem}.time-sel-ap{min-width:4.5rem;font-weight:600}.time-sep{font-weight:700;opacity:.7}.schedule-24h-preview{margin:.25rem 0 .85rem;padding:.75rem .9rem;border-radius:12px;border:1px dashed var(--line);background:var(--accent-soft, rgba(45, 212, 191, .08))}.schedule-24h-preview .preview-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.04em;opacity:.75;margin-bottom:.25rem}.schedule-24h-preview .preview-value{font-size:1.15rem;font-weight:650;margin-bottom:.2rem}.schedule-time-fields .field{margin-bottom:.85rem}