:root{--ink:#182230;--muted:#64748b;--line:#e2e8f0;--surface:#fff;--canvas:#f4f7fb;--green:#16845b;--green-soft:#e9f8f0;--blue:#2563eb;--radius:16px}*{box-sizing:border-box}body{margin:0;background:var(--canvas);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;font-size:.9rem}.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:250px;background:#fff;border-right:1px solid var(--line);display:flex;flex-direction:column;z-index:1040;padding:18px 13px}.brand{display:flex;gap:10px;align-items:center;color:var(--ink);text-decoration:none;padding:7px 6px 23px}.brand-mark{width:43px;height:43px;border-radius:13px;background:#e8f7ef;color:var(--green);display:grid;place-items:center;font-size:1.3rem}.brand b{display:block;font-size:1.12rem;letter-spacing:-.03em}.brand small{display:block;color:var(--muted);font-size:.62rem;font-weight:800;letter-spacing:.1em;margin-top:2px}.sidebar-label,.top-eyebrow,.section-eyebrow{font-size:.65rem;text-transform:uppercase;letter-spacing:.1em;color:#8591a2;font-weight:800}.sidebar-label{padding:0 11px 9px}.side-nav{display:flex;flex-direction:column;gap:4px}.side-nav a{display:flex;align-items:center;gap:11px;padding:10px 12px;text-decoration:none;border-radius:10px;color:#536175;font-weight:650;font-size:.85rem}.side-nav a i{font-size:1rem;width:20px;text-align:center}.side-nav a:hover{background:#f3f8f5;color:var(--green)}.side-nav a.active{background:#e9f7ef;color:#13794f}.sidebar-bottom{margin-top:auto;border-top:1px solid var(--line);padding:14px 4px 0;display:flex;gap:9px;align-items:center}.avatar{width:33px;height:33px;border-radius:50%;display:grid;place-items:center;background:#e9f7ef;color:#13794f;font-weight:800}.sidebar-bottom b{display:block;font-size:.78rem}.sidebar-bottom small{display:block;color:var(--muted);font-size:.68rem}.logout-icon{margin-left:auto;color:#64748b;text-decoration:none;padding:7px}.app-main{margin-left:250px;min-width:0}.topbar{min-height:76px;background:#fff;border-bottom:1px solid var(--line);padding:13px 24px;display:flex;align-items:center;gap:12px;position:sticky;top:0;z-index:1020}.topbar strong{display:block;font-size:1.12rem;letter-spacing:-.025em}.top-eyebrow{margin-bottom:2px}.top-actions{display:flex;align-items:center;gap:9px;margin-left:auto}.mode-chip,.user-chip{border:1px solid var(--line);background:#fff;border-radius:30px;padding:8px 11px;font-size:.73rem;color:#536175;white-space:nowrap}.mode-chip i{color:#e4a11b;font-size:.55rem;margin-right:5px}.user-chip i{font-size:.95rem;margin-right:4px}.content-layout{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:18px;max-width:1740px;margin:auto;padding:24px}.page-content{min-width:0}.quick-rail{display:flex;flex-direction:column;gap:13px}.quick-card,.quick-note,.panel,.stat-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 4px 12px rgba(24,34,48,.025)}.quick-card{padding:14px}.quick-heading{font-weight:800;font-size:.83rem;margin-bottom:11px;display:flex;align-items:center;gap:8px}.quick-heading i{color:var(--green)}.quick-card>a{display:flex;align-items:center;gap:9px;color:#4d5b6c;text-decoration:none;font-size:.78rem;font-weight:650;padding:9px 7px;border-radius:9px}.quick-card>a:hover{background:#f0f9f4;color:#087b4d}.quick-card>a i{font-size:.95rem;color:#16845b;width:18px}.quick-note{padding:13px;font-size:.76rem;color:#64748b}.quick-note>i{color:#16845b;margin-right:6px}.quick-note b{color:var(--ink)}.quick-note p{margin:8px 0 0;line-height:1.55}.app-footer{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:13px 24px 18px;border-top:1px solid var(--line);color:#8290a2;font-size:.72rem}.app-footer b{color:#405064}.mobile-toggle{display:none}.page-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:15px;flex-wrap:wrap;margin-bottom:20px}.page-heading h1{font-size:1.6rem;letter-spacing:-.05em;font-weight:800;margin:3px 0 5px}.page-heading p{margin:0;color:var(--muted);font-size:.85rem;max-width:700px}.section-eyebrow{color:var(--green)}.stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-bottom:18px}.stat-card{padding:17px;min-height:115px}.stat-top{display:flex;justify-content:space-between;align-items:center;color:#64748b;font-size:.76rem;font-weight:700}.stat-icon{width:34px;height:34px;border-radius:10px;background:#e9f7ef;color:#16845b;display:grid;place-items:center;font-size:1rem}.stat-number{font-size:1.75rem;font-weight:850;letter-spacing:-.05em;margin-top:9px;line-height:1.1}.stat-foot{font-size:.7rem;color:#8792a1;margin-top:6px}.panel{overflow:hidden;margin-bottom:17px}.panel-head{padding:15px 17px;border-bottom:1px solid #eef1f5;display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.panel-head h2{font-size:.97rem;font-weight:800;margin:0}.panel-head p{font-size:.75rem;color:var(--muted);margin:3px 0 0}.panel-body{padding:16px}.table{font-size:.8rem;margin:0}.table>:not(caption)>*>*{padding:.7rem .75rem;border-bottom-color:#eef1f5}.table thead th{font-size:.67rem;text-transform:uppercase;letter-spacing:.055em;color:#798697;background:#f8fafc;white-space:nowrap}.table tbody tr:hover{background:#fbfdfc}.muted{color:var(--muted)}.badge-demo{display:inline-flex;align-items:center;gap:5px;border-radius:20px;padding:4px 8px;background:#fff5df;border:1px solid #f5deb0;color:#8a5b07;font-size:.66rem;font-weight:800;letter-spacing:.02em}.badge-live{display:inline-flex;align-items:center;gap:5px;border-radius:20px;padding:4px 8px;background:#e8f7ef;border:1px solid #b8e7cb;color:#13794f;font-size:.66rem;font-weight:800}.form-label{font-size:.76rem;font-weight:750;color:#526074;margin-bottom:5px}.form-control,.form-select{font-size:.83rem;border-color:#dce3eb;border-radius:9px;padding:.57rem .7rem}.btn{font-size:.8rem;font-weight:700;border-radius:9px}.btn-success{--bs-btn-bg:#16845b;--bs-btn-border-color:#16845b;--bs-btn-hover-bg:#106d49;--bs-btn-hover-border-color:#106d49}.form-help{font-size:.7rem;color:var(--muted);margin-top:5px}.empty-state{text-align:center;color:var(--muted);padding:35px 15px}.empty-state i{font-size:1.8rem;display:block;margin-bottom:8px}.map-wrap{height:540px;border-radius:14px;overflow:hidden;border:1px solid var(--line)}#fleetMap{height:100%;width:100%}.map-legend{display:flex;gap:12px;align-items:center;flex-wrap:wrap;font-size:.74rem;color:var(--muted)}.map-legend span{display:flex;align-items:center;gap:5px}.map-dot{width:9px;height:9px;border-radius:50%;background:#d99a13}.map-dot.live{background:#16845b}.map-dot.imported{background:#536baf}.token-panel{overflow-wrap:anywhere;background:#10201a;color:#c7f7dc;border-radius:10px;padding:12px;font-family:ui-monospace,monospace;font-size:.76rem}.alert{font-size:.82rem;border-radius:10px}.quick-actions-inline{display:flex;gap:7px;flex-wrap:wrap}.status-pill{padding:4px 8px;border-radius:20px;font-size:.68rem;background:#eef2f7;color:#526074}.status-pill.active{background:#e8f7ef;color:#13794f}.status-pill.inactive{background:#fef0f0;color:#a23030}.login-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(ellipse at top left,#e3f5eb,transparent 45%),var(--canvas)}.login-card{width:min(440px,100%);background:white;border:1px solid var(--line);border-radius:22px;padding:30px;box-shadow:0 18px 55px rgba(30,64,48,.09)}.login-card h1{font-size:1.5rem;font-weight:850;letter-spacing:-.04em}.login-card p{font-size:.83rem;color:var(--muted)}.login-brand{display:flex;gap:12px;align-items:center;margin-bottom:20px}.login-brand .brand-mark{flex-shrink:0}.login-brand h2{font-size:1.1rem;margin:0;font-weight:850}.login-brand small{display:block;color:var(--muted);font-size:.68rem}.login-card .form-control{min-height:43px}.login-disclaimer{font-size:.7rem;color:#8a6726;background:#fff8e8;border:1px solid #f2dfac;padding:10px;border-radius:9px;margin-top:17px}.source-cell{font-size:.7rem;font-weight:800}.source-cell.demo{color:#996a0a}.source-cell.device_api{color:#16845b}.source-cell.imported{color:#536baf}@media(max-width:1400px){.content-layout{grid-template-columns:minmax(0,1fr) 190px;padding:18px}.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:1100px){.content-layout{display:block}.quick-rail{display:flex;flex-direction:row;align-items:stretch;margin-top:16px}.quick-card,.quick-note{flex:1;min-width:0}.topbar{padding:12px 17px}.page-content{width:100%}}@media(max-width:760px){.quick-rail{display:grid;grid-template-columns:1fr;gap:10px;margin:0 13px 16px}.sidebar{transform:translateX(-102%);transition:transform .2s ease;box-shadow:15px 0 40px rgba(24,34,48,.12)}.sidebar.open{transform:translateX(0)}.sidebar-backdrop{position:fixed;inset:0;background:rgba(15,23,42,.35);z-index:1030;display:none}.sidebar-backdrop.show{display:block}.app-main{margin-left:0}.mobile-toggle{display:inline-flex}.topbar{gap:9px;min-height:65px;padding:10px 12px}.topbar strong{font-size:.95rem}.top-actions{gap:5px}.mode-chip{display:none}.user-chip{padding:6px 8px;font-size:.68rem}.content-layout{padding:13px}.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.stat-card{padding:12px;min-height:101px}.stat-number{font-size:1.5rem}.page-heading h1{font-size:1.35rem}.map-wrap{height:440px}.app-footer{padding:12px 14px}.panel-body{padding:12px}}@media(max-width:390px){.stat-grid{grid-template-columns:1fr 1fr}.user-chip{display:none}.page-heading .btn{width:100%}}