*{font-family:sans-serif}.page{min-height:100vh;background:#0b1220;color:#e6eef8;padding:12px;box-sizing:border-box;max-width:760px;margin:0 auto}.controls{position:sticky;top:0;background:rgba(11,18,32,.7);backdrop-filter:blur(6px);display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:8px 0 12px;z-index:5}.controls select{width:100%;border-radius:12px;background:#0f172a;border:1px solid #1f2937;color:#e6eef8;padding:8px 10px}.list{list-style:none;padding:0;margin:0}.card{background:#0f172a;border:1px solid #223049;border-radius:16px;padding:12px;margin-bottom:12px;flex-direction:column;gap:12px}.card,.row{display:flex}.row{align-items:center;justify-content:space-between;gap:8px}.row.small{color:#9fb0c7;font-size:13px;margin-top:4px}.badge{width:20px;height:20px;border-radius:6px;background:rgba(16,185,129,.2);border:1px solid rgba(16,185,129,.4)}.num{font-weight:700;margin-left:-2px}.more,.num{font-size:18px}.more{color:#8aa0b8}.speed{font-size:14px}.speed.driving{color:#34d399}.speed.idle{color:#fbbf24}.speed.ok{color:#86efac}.speed.muted{color:#90a2b5}.loc{max-width:70%;overflow:hidden;text-overflow:ellipsis}.loc,.time{white-space:nowrap}.pill{min-width:22px;font-size:14px;font-weight:700;padding:2px 6px;border-radius:6px;border:1px solid transparent;color:#fff!important}.pill-driving{background:#3cb371;color:#8ff2c6}.pill-driving,.pill-on{display:flex;justify-content:center;align-items:center}.pill-on{background:#1e90ff;color:#9bdcff}.pill-off,.pill-sleep{background:rgba(100,116,139,.18);color:#d1d5db;display:flex;justify-content:center;align-items:center}.btn-diagnostics{background:#3cb371;color:#fff;border:none;border-radius:8px;padding:4px 12px;font-size:13px;font-weight:600;cursor:pointer}.diagnostics-panel{border-top:1px solid #223049;padding-top:12px;display:flex;flex-direction:column;gap:10px}.diag-row{display:flex;justify-content:space-between;align-items:center;font-size:14px;color:#e6eef8}.diag-row>span:first-child{color:#9fb0c7}.diag-bar-group{display:flex;align-items:center;gap:8px}.diag-bar{width:80px;height:10px;background:#1f2937;border-radius:5px;overflow:hidden}.diag-bar-fill{height:100%;background:#3cb371;border-radius:5px}@media (min-width:768px){.page{padding:16px}}#app,body,html{height:100%;margin:0}body{background:#0b1220}