@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');
:root{color-scheme:dark;--bg:#090d10;--panel:#11191d;--panel2:#151f23;--line:#243238;--text:#eef6f5;--muted:#829397;--accent:#48e0c1;--accent2:#a2f4e4}
*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;background:radial-gradient(ellipse at 80% 0%,#16312e 0,transparent 34%),var(--bg);color:var(--text);font-family:Manrope,-apple-system,BlinkMacSystemFont,sans-serif;min-height:100vh}.app-shell{max-width:560px;margin:auto;padding:env(safe-area-inset-top) 18px calc(92px + env(safe-area-inset-bottom))}.topbar{height:68px;display:flex;align-items:center;gap:11px;border-bottom:1px solid #1c292d}.brand-mark{width:36px;height:36px;border:1px solid #3d8d80;border-radius:12px;display:grid;place-items:center;color:var(--accent);font-size:21px;font-weight:800;box-shadow:inset 0 0 18px #48e0c11c}.eyebrow{font-size:9px;letter-spacing:2px;color:#78918f;font-weight:800}.brand-name{font-size:13px;letter-spacing:2.2px;font-weight:800}.top-status{margin-left:auto;font-size:9px;letter-spacing:1.2px;color:#8da4a3;display:flex;align-items:center;gap:7px}.status-dot{width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 10px #48e0c1}.welcome{padding:30px 2px 23px}.welcome h1{font-size:35px;line-height:1.12;letter-spacing:-1.7px;margin:10px 0}.welcome h1 span{color:var(--accent)}.welcome p{color:var(--muted);font-size:12px;line-height:1.6;max-width:290px;margin:0}.vehicle-card{background:linear-gradient(135deg,#18282a,#101719 70%);border:1px solid #2b4444;border-radius:23px;padding:17px;overflow:hidden;position:relative}.vehicle-head,.vehicle-foot{display:flex;justify-content:space-between;align-items:center}.pill{font-size:8px;letter-spacing:1px;color:var(--accent);border:1px solid #34766c;border-radius:20px;padding:6px 9px}.vehicle-art{height:148px;position:relative;display:grid;place-items:center;overflow:hidden}.orbit{position:absolute;border:1px solid #3c77704d;border-radius:50%;transform:rotate(-22deg)}.orbit-one{width:235px;height:95px}.orbit-two{width:285px;height:120px}.vehicle-icon{width:82px;height:82px;border-radius:26px;background:linear-gradient(145deg,#203c3b,#0d191b);border:1px solid #4aa99a;display:grid;place-items:center;color:var(--accent);font-size:45px;font-weight:800;box-shadow:0 0 50px #48e0c126}.vehicle-foot{border-top:1px solid #29403e;padding-top:13px}.vehicle-foot strong,.vehicle-foot small{display:block}.vehicle-foot strong{font-size:12px}.vehicle-foot small{color:var(--muted);font-size:10px;margin-top:4px}.sync-icon{color:var(--accent);font-size:22px}.section-head{display:flex;align-items:end;justify-content:space-between;margin:27px 2px 13px}.section-head h2{font-size:17px;letter-spacing:-.5px;margin:4px 0 0}.muted{color:var(--muted);font-size:10px}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.stat-card{background:linear-gradient(145deg,#141e22,#101619);border:1px solid var(--line);border-radius:17px;padding:14px;min-height:105px}.stat-icon{display:block;color:var(--accent);font-size:17px;margin-bottom:9px}.stat-card strong{font-size:23px;letter-spacing:-1px;display:block}.stat-card small{color:var(--muted);font-size:10px}.empty-card{border:1px dashed #334448;border-radius:18px;padding:22px 17px;text-align:center;background:#10171980}.empty-symbol{width:38px;height:38px;border-radius:13px;background:#19312f;color:var(--accent);display:grid;place-items:center;margin:0 auto 11px;font-size:21px}.empty-card strong{font-size:12px}.empty-card p{font-size:10px;color:var(--muted);line-height:1.6;max-width:260px;margin:7px auto 0}.tools-list{border:1px solid var(--line);border-radius:18px;overflow:hidden;background:#11191d}.tool-row{width:100%;display:flex;align-items:center;gap:12px;padding:14px;background:transparent;border:0;border-bottom:1px solid #202e32;color:var(--text);text-align:left;font:inherit}.tool-row:last-child{border-bottom:0}.tool-symbol{width:35px;height:35px;display:grid;place-items:center;border-radius:12px;background:#1b302e;color:var(--accent);font-size:17px}.tool-row b,.tool-row small{display:block}.tool-row b{font-size:11px}.tool-row small{font-size:9px;color:var(--muted);margin-top:3px}.chevron{margin-left:auto;color:#78918f;font-size:22px}.bottom-nav{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:min(560px,100%);padding:10px 12px calc(10px + env(safe-area-inset-bottom));display:grid;grid-template-columns:repeat(4,1fr);background:#0d1416ed;backdrop-filter:blur(18px);border-top:1px solid #253438}.nav-item{border:0;background:none;color:#74878a;font:600 9px Manrope;display:grid;justify-items:center;gap:4px}.nav-item span{font-size:19px}.nav-item.active{color:var(--accent)}.toast{position:fixed;left:50%;bottom:90px;transform:translate(-50%,12px);opacity:0;pointer-events:none;background:#20312f;border:1px solid #3b746b;color:#dffbf4;padding:10px 14px;border-radius:12px;font-size:11px;transition:.2s;max-width:90%;text-align:center}.toast.show{opacity:1;transform:translate(-50%,0)}@media(min-width:600px){.app-shell{padding-top:12px}.bottom-nav{bottom:14px;border:1px solid var(--line);border-radius:18px;padding-bottom:12px}}