:root{--bg: #0f172a;--surface: #1e293b;--surface2: #334155;--text: #f8fafc;--muted: #94a3b8;--accent: #f97316;--accent-dim: #c2410c;--ok: #22c55e;--danger: #ef4444;--line: rgba(148, 163, 184, .22);--radius: 14px;font-family:DM Sans,system-ui,sans-serif;color:var(--text);background:var(--bg)}*{box-sizing:border-box}html,body,#app{min-height:100%}body{margin:0;background:radial-gradient(900px 420px at 80% -10%,rgba(249,115,22,.18),transparent 55%),var(--bg)}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.shell{min-height:100dvh;display:grid;grid-template-columns:230px 1fr}.sidebar,.topbar{background:#0f172aeb;border-color:var(--line)}.sidebar{border-right:1px solid var(--line);padding:1.1rem .9rem;display:flex;flex-direction:column;gap:.35rem}.brand{font-weight:700;letter-spacing:-.03em;margin:0 0 1rem}.brand span{color:var(--accent)}.nav-link,.bottom-nav a{display:flex;align-items:center;gap:.55rem;padding:.75rem .8rem;border-radius:12px;color:var(--muted)}.nav-link.router-link-active,.bottom-nav a.router-link-active{background:#f9731629;color:var(--text)}.workspace{min-width:0}.topbar{display:flex;justify-content:space-between;gap:.8rem;align-items:center;padding:.85rem 1.1rem;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:5}.topbar-actions{display:flex;gap:.5rem;align-items:center}.content{padding:1.1rem;max-width:1100px}.bottom-nav{display:none;position:fixed;left:0;right:0;bottom:0;background:#0f172af5;border-top:1px solid var(--line);z-index:6;padding:.25rem .2rem calc(.25rem + env(safe-area-inset-bottom))}.bottom-nav a{flex:1;justify-content:center;flex-direction:column;font-size:.72rem;gap:.15rem;padding:.4rem .1rem}.page-title{margin:0 0 .35rem;font-size:1.45rem;letter-spacing:-.03em}.muted{color:var(--muted)}.stack{display:grid;gap:.8rem}.row{display:flex;gap:.6rem;flex-wrap:wrap;align-items:center}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:.8rem}.grid-4{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:.8rem}.card,.panel{background:#1e293beb;border:1px solid var(--line);border-radius:var(--radius);padding:1rem}.stat strong{display:block;font-size:1.6rem;margin-top:.2rem}label{display:grid;gap:.35rem;font-size:.92rem}input,select,textarea{width:100%;background:#0b1220;border:1px solid var(--line);border-radius:12px;padding:.8rem .85rem}textarea{min-height:7rem;resize:vertical}input:focus,select:focus,textarea:focus{outline:2px solid rgba(249,115,22,.7);border-color:transparent}.btn,.btn-ghost,.btn-danger{border:0;border-radius:12px;padding:.8rem 1rem;background:var(--accent);color:#111827;font-weight:700}.btn:disabled{opacity:.55;cursor:wait}.btn-ghost{background:transparent;color:var(--text);border:1px solid var(--line)}.btn-danger{background:transparent;color:#fecaca;border:1px solid rgba(239,68,68,.45)}.banner{padding:.8rem .9rem;border-radius:12px;background:#f973161f;border:1px solid rgba(249,115,22,.35)}.banner.error{background:#ef44441f;border-color:#ef444466}.banner.ok{background:#22c55e1f;border-color:#22c55e66}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:.7rem .45rem;border-bottom:1px solid var(--line);vertical-align:top}th{color:var(--muted);font-weight:600;font-size:.82rem}.tag{display:inline-block;border-radius:999px;padding:.15rem .5rem;background:var(--surface2);font-size:.78rem}.tag.warn{background:#f9731633}.tag.bad{background:#ef444433}.tag.good{background:#22c55e2e}.camera{position:fixed;top:0;right:0;bottom:0;left:0;background:#020617;z-index:20;display:grid;grid-template-rows:auto 1fr auto}.camera video{width:100%;height:100%;object-fit:cover}.camera header,.camera footer{padding:.9rem;display:flex;justify-content:space-between;align-items:center}.picker{position:fixed;top:0;right:0;bottom:0;left:0;background:#020617b8;z-index:15;display:grid;align-items:end}.picker .panel{border-radius:18px 18px 0 0;max-height:80dvh;overflow:auto}.hit{width:100%;text-align:left;background:transparent;border:0;border-bottom:1px solid var(--line);padding:.8rem .2rem}.login-wrap{min-height:100dvh;display:grid;place-items:center;padding:1.2rem}.login-card{width:min(420px,100%);display:grid;gap:.8rem}@media(max-width:860px){.shell{display:block}.sidebar{display:none}.bottom-nav{display:flex}.content{padding:.9rem .9rem 5.5rem}.grid-3{grid-template-columns:1fr}table thead{display:none}table,tbody,tr,td{display:block;width:100%}tr{margin-bottom:.7rem;background:#0f172a73;border:1px solid var(--line);border-radius:12px;padding:.35rem .7rem}td{border:0;display:flex;justify-content:space-between;gap:1rem;padding:.4rem 0}td:before{content:attr(data-label);color:var(--muted)}}