:root{color:#f4f8f7;--bg:#071013;--surface:#0e1a1e;--raised:#15262b;--line:#293b40;--muted:#9db0b4;--mint:#67f5c5;background:#071013;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 80% 0, #12362d 0, transparent 34%), var(--bg);min-width:320px;min-height:100vh;margin:0}button,input,textarea{font:inherit}button{color:#06150f;background:var(--mint);cursor:pointer;border:0;border-radius:14px;min-height:46px;padding:0 18px;font-weight:800}button:disabled{opacity:.45}.secondary,.quiet-button,.icon-button{color:#e6eeee;background:var(--raised);border:1px solid var(--line)}a{color:inherit;text-decoration:none}.top{z-index:5;min-height:64px;padding:max(14px, env(safe-area-inset-top)) max(20px, env(safe-area-inset-right)) 12px max(20px, env(safe-area-inset-left));-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#071013e8;border-bottom:1px solid #203238;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.brand{letter-spacing:.13em;font-weight:950}.status-dot,.pill{color:var(--mint);background:#173329;border-radius:999px;padding:6px 9px;font-size:11px;font-weight:900}.workspace,.auth,.about{width:min(100% - 32px,980px);margin:auto;padding:42px 0 110px}.auth{grid-template-columns:1.2fr .8fr;align-items:center;gap:70px;min-height:calc(100vh - 64px);display:grid}h1{letter-spacing:-.05em;margin:0;font-size:clamp(44px,7vw,76px);line-height:1}h1 span{color:#9aacb0}h2{margin:0;font-size:28px}.eyebrow{color:var(--mint);letter-spacing:.14em;margin:0 0 12px;font-size:11px;font-weight:950}.lead,.card>p{color:var(--muted);line-height:1.6}.auth form,.card{border:1px solid var(--line);background:linear-gradient(145deg,#122329,#0c171b);border-radius:26px;gap:16px;padding:26px;display:grid}label{color:#c6d3d5;gap:7px;font-size:13px;font-weight:750;display:grid}input,textarea{color:#fff;background:#091418;border:1px solid #33484e;border-radius:13px;outline:none;width:100%;min-height:48px;padding:12px 14px}textarea{min-height:92px}.feedback{color:#ffd17d;min-height:20px;margin:0}.about-link{color:var(--muted);position:absolute;bottom:30px}.welcome{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:28px;display:flex}.content{gap:18px;display:grid}.hero-card{border:1px solid var(--line);background:linear-gradient(150deg,#183129,#101d21);border-radius:30px;min-height:410px;padding:24px;position:relative;overflow:hidden}.hero-card img{object-fit:contain;width:min(100%,620px);height:270px;margin:auto;display:block}.hero-card h2,.hero-card p{text-align:center}.hero-card .pill{position:absolute}.pill.offline{color:#ffc86b;background:#392e1b}.metric-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.metric-grid article{border:1px solid var(--line);background:var(--surface);border-radius:18px;gap:6px;padding:18px;display:grid}.metric-grid span,.metric-grid small{color:var(--muted);font-size:12px}.empty{text-align:center}.vehicle-art img{object-fit:contain;width:100%;max-height:260px}.empty form{background:0 0;border:0;gap:14px;padding:0;display:grid}.empty video{border-radius:18px;width:100%}.tabs{left:50%;bottom:max(12px, env(safe-area-inset-bottom));z-index:6;border:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0c171bee;border-radius:20px;width:min(100% - 24px,650px);padding:6px;display:flex;position:fixed;transform:translate(-50%)}.tabs button{color:#91a4a8;background:0 0;flex:1;min-width:0;padding:0 8px;font-size:12px}.tabs button.active{color:var(--mint);background:#173029}.control-grid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.check{border:1px solid var(--line);border-radius:14px;align-items:center;gap:10px;padding:12px;display:flex}.check input{width:20px;min-height:20px}.timeline,.device-row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:14px;padding:15px 0;display:flex}.timeline>span{background:var(--mint);border-radius:50%;width:9px;height:9px}.timeline>div{flex:1;gap:4px;display:grid}.timeline small{color:var(--muted)}.device-row button{min-height:36px}.device-row>span:first-child{gap:4px;display:grid}.device-row small{color:var(--muted)}.row-actions{gap:8px;display:flex}.inline-form{grid-template-columns:1fr auto;align-items:end;gap:10px;margin-top:14px;display:grid}.error{border-color:#5c3438}.about{padding-top:90px}.about .lead{max-width:650px;font-size:19px}.about-grid{grid-template-columns:repeat(3,1fr);gap:14px;margin:44px 0;display:grid}.about-grid article{border:1px solid var(--line);background:var(--surface);border-radius:22px;padding:24px}.about-grid p{color:var(--muted);line-height:1.5}.primary-link{color:#06150f;background:var(--mint);border-radius:14px;padding:15px 22px;font-weight:900;display:inline-flex}.busy button{pointer-events:none;opacity:.65}@media (width<=700px){.auth{grid-template-columns:1fr;align-content:center;gap:32px}.workspace{padding-top:30px}.welcome{align-items:flex-start}.welcome h1{font-size:42px}.metric-grid{grid-template-columns:repeat(2,1fr)}.hero-card{min-height:340px}.hero-card img{height:210px}.tabs button{font-size:10px}.about-grid{grid-template-columns:1fr}}@media (width<=390px){.metric-grid,.control-grid{grid-template-columns:1fr}.tabs button{padding:0 3px;font-size:9px}.device-row,.inline-form{grid-template-columns:1fr;align-items:stretch}.device-row{display:grid}}