:root{--fleet-bg:#06111b;--fleet-panel:#0b1c29;--fleet-panel2:#102838;--fleet-line:rgba(119,220,232,.14);--fleet-cyan:#54e4e8;--fleet-blue:#62a9ff;--fleet-green:#65d79d;--fleet-gold:#f3c66d;--fleet-red:#ff7f8e;--fleet-text:#eef9ff;--fleet-muted:#8ca7b7}.fleet-body{margin:0;min-height:100vh;background:radial-gradient(circle at 10% 0%,rgba(61,132,175,.14),transparent 28%),radial-gradient(circle at 100% 15%,rgba(84,228,232,.10),transparent 24%),var(--fleet-bg);color:var(--fleet-text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.fleet-shell{width:min(1600px,calc(100% - 34px));margin:0 auto;padding:18px 0 56px}.fleet-topbar{position:sticky;top:10px;z-index:20;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:18px;padding:12px 16px;border:1px solid var(--fleet-line);border-radius:20px;background:rgba(6,17,27,.86);backdrop-filter:blur(20px);box-shadow:0 14px 44px rgba(0,0,0,.25)}.fleet-back{color:var(--fleet-muted);text-decoration:none;font-weight:800}.fleet-brand{display:flex;align-items:center;gap:10px}.fleet-brand strong,.fleet-brand small{display:block}.fleet-brand small{font-size:.68rem;color:var(--fleet-muted);letter-spacing:.08em;text-transform:uppercase;margin-top:2px}.fleet-orb{width:38px;height:38px;border:1px solid rgba(84,228,232,.45);border-radius:14px;display:grid;place-items:center;background:radial-gradient(circle at 30% 25%,#9afcff,#2d789d 50%,#07131e 72%);box-shadow:0 0 24px rgba(84,228,232,.26);font-weight:1000;color:#001217}.fleet-actions{justify-self:end;display:flex;gap:8px}.fleet-hero{margin:26px 0 16px;padding:34px;border:1px solid var(--fleet-line);border-radius:28px;background:linear-gradient(135deg,rgba(16,50,70,.92),rgba(6,22,34,.96)),radial-gradient(circle at 80% 20%,rgba(84,228,232,.18),transparent 28%);display:flex;align-items:flex-end;justify-content:space-between;gap:28px;position:relative;overflow:hidden}.fleet-hero:after{content:"";position:absolute;right:-100px;bottom:-170px;width:430px;height:430px;border:1px solid rgba(84,228,232,.13);border-radius:50%;box-shadow:0 0 0 42px rgba(84,228,232,.025),0 0 0 84px rgba(84,228,232,.016)}.fleet-hero>*{position:relative;z-index:2}.fleet-hero h1{margin:8px 0 12px;max-width:900px;font-size:clamp(2.1rem,5vw,4.6rem);line-height:.96;letter-spacing:-.055em}.fleet-hero p:not(.eyebrow){max-width:980px;color:#a8c1cf;line-height:1.6}.fleet-live-pill{white-space:nowrap;border:1px solid rgba(101,215,157,.2);background:rgba(101,215,157,.08);padding:10px 13px;border-radius:999px;color:#9bf0bf;font-size:.8rem;font-weight:800}.fleet-live-pill span{display:inline-block;width:8px;height:8px;margin-right:7px;border-radius:50%;background:var(--fleet-green);box-shadow:0 0 14px var(--fleet-green)}.fleet-kpis{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-bottom:16px}.fleet-kpi,.fleet-panel{border:1px solid var(--fleet-line);background:linear-gradient(180deg,rgba(15,37,52,.92),rgba(7,23,34,.96));box-shadow:0 14px 40px rgba(0,0,0,.16)}.fleet-kpi{border-radius:18px;padding:18px}.fleet-kpi span{display:block;color:var(--fleet-muted);font-size:.72rem;text-transform:uppercase;letter-spacing:.09em;font-weight:800}.fleet-kpi strong{display:block;font-size:1.75rem;margin:8px 0 3px;letter-spacing:-.04em}.fleet-kpi small{color:var(--fleet-muted)}.fleet-layout{display:grid;grid-template-columns:minmax(0,2.2fr) minmax(330px,.8fr);gap:16px}.fleet-panel{border-radius:22px;overflow:hidden}.fleet-panel-head{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:18px 20px;border-bottom:1px solid var(--fleet-line)}.fleet-panel-head h2,.fleet-panel h2,.fleet-panel h3{margin:4px 0}.fleet-panel-head .eyebrow,.fleet-panel .eyebrow{margin:0}.fleet-map-tools{display:flex;gap:8px;align-items:center}.fleet-map-tools select,.fleet-form-grid select,.fleet-form-grid input,.fleet-toolbar input,#fleet-route-asset{background:#071721;border:1px solid var(--fleet-line);color:var(--fleet-text);border-radius:12px;padding:10px 11px}.fleet-map{height:510px;position:relative;overflow:hidden;background-color:#071722;background-image:linear-gradient(rgba(84,228,232,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(84,228,232,.045) 1px,transparent 1px),radial-gradient(circle at 40% 35%,rgba(29,111,143,.18),transparent 22%),radial-gradient(circle at 76% 60%,rgba(54,102,65,.12),transparent 18%);background-size:36px 36px,36px 36px,auto,auto}.fleet-map:before,.fleet-map:after{content:"";position:absolute;border:1px dashed rgba(84,228,232,.2);border-radius:50%;pointer-events:none}.fleet-map:before{width:230px;height:230px;left:15%;top:18%}.fleet-map:after{width:330px;height:210px;right:8%;bottom:10%;border-radius:42%}.fleet-map-road{position:absolute;height:3px;background:linear-gradient(90deg,transparent,rgba(98,169,255,.18),rgba(84,228,232,.32),rgba(98,169,255,.18),transparent);transform-origin:left center;pointer-events:none}.fleet-marker{position:absolute;transform:translate(-50%,-50%);border:0;background:none;color:var(--fleet-text);cursor:pointer;text-align:left}.fleet-marker-pin{width:28px;height:28px;border-radius:11px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.18);box-shadow:0 8px 22px rgba(0,0,0,.35);font-size:.72rem;font-weight:900}.fleet-marker.moving .fleet-marker-pin{background:#187c73}.fleet-marker.idle .fleet-marker-pin{background:#9c7425}.fleet-marker.parked .fleet-marker-pin{background:#235885}.fleet-marker.offline .fleet-marker-pin{background:#663844}.fleet-marker-label{position:absolute;left:35px;top:-5px;min-width:140px;padding:8px 10px;border:1px solid var(--fleet-line);border-radius:10px;background:rgba(5,17,26,.92);box-shadow:0 8px 24px rgba(0,0,0,.24);font-size:.72rem}.fleet-marker-label strong,.fleet-marker-label small{display:block}.fleet-marker-label small{color:var(--fleet-muted);margin-top:3px}.fleet-map-legend{display:flex;gap:18px;flex-wrap:wrap;padding:12px 18px;border-top:1px solid var(--fleet-line);font-size:.72rem;color:var(--fleet-muted)}.dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:6px}.dot.moving{background:#31c9b8}.dot.idle{background:#d9a53e}.dot.parked{background:#4a95d8}.dot.offline{background:#b26072}.fleet-alert-panel{min-height:100%}.fleet-alerts{max-height:540px;overflow:auto;padding:10px}.fleet-alert{padding:13px;border:1px solid var(--fleet-line);border-radius:15px;margin-bottom:8px;background:rgba(8,27,39,.72)}.fleet-alert strong{display:block}.fleet-alert p{margin:5px 0;color:var(--fleet-muted);font-size:.78rem;line-height:1.4}.fleet-alert time{font-size:.68rem;color:#6e8b9c}.fleet-alert.critical{border-color:rgba(255,127,142,.28);box-shadow:inset 3px 0 0 var(--fleet-red)}.fleet-alert.warning{box-shadow:inset 3px 0 0 var(--fleet-gold)}.fleet-alert.info{box-shadow:inset 3px 0 0 var(--fleet-blue)}.fleet-tabs{display:flex;gap:7px;flex-wrap:wrap;margin:22px 0 12px}.fleet-tab{border:1px solid var(--fleet-line);border-radius:999px;padding:10px 14px;background:#091a26;color:var(--fleet-muted);font-weight:800;cursor:pointer}.fleet-tab.active{background:rgba(84,228,232,.12);color:var(--fleet-cyan);border-color:rgba(84,228,232,.3)}.fleet-tab-panel{display:none}.fleet-tab-panel.active{display:block}.fleet-toolbar{display:flex;justify-content:space-between;gap:12px;margin-bottom:10px}.fleet-toolbar input{width:min(520px,100%)}.fleet-toolbar-actions{display:flex;gap:8px}.fleet-table-wrap{overflow:auto}.fleet-table{width:100%;border-collapse:collapse;min-width:1180px}.fleet-table th,.fleet-table td{padding:13px 12px;text-align:left;border-bottom:1px solid var(--fleet-line);font-size:.78rem}.fleet-table th{color:#7f9aa9;text-transform:uppercase;letter-spacing:.06em;font-size:.66rem}.fleet-asset-name strong,.fleet-asset-name small{display:block}.fleet-asset-name small{color:var(--fleet-muted);margin-top:3px}.fleet-status{display:inline-flex;align-items:center;gap:6px;padding:6px 8px;border-radius:999px;font-size:.68rem;font-weight:900;text-transform:uppercase}.fleet-status.moving{color:#94f0df;background:rgba(49,201,184,.1)}.fleet-status.idle{color:#f4ce7c;background:rgba(217,165,62,.1)}.fleet-status.parked{color:#99cfff;background:rgba(74,149,216,.1)}.fleet-status.offline{color:#f0a7b6;background:rgba(178,96,114,.1)}.fleet-actions-row{display:flex;gap:5px}.fleet-grid-two{display:grid;grid-template-columns:1fr 1fr;gap:16px}.fleet-pad{padding:20px}.fleet-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px}.fleet-form-grid label{color:var(--fleet-muted);font-size:.72rem;font-weight:800}.fleet-form-grid input,.fleet-form-grid select{display:block;width:100%;box-sizing:border-box;margin-top:6px}.full-span{grid-column:1/-1}.fleet-card-list{display:grid;gap:10px;margin-top:14px}.fleet-card-row{border:1px solid var(--fleet-line);border-radius:15px;padding:14px;background:rgba(7,25,37,.72);display:flex;justify-content:space-between;gap:12px}.fleet-card-row strong,.fleet-card-row small{display:block}.fleet-card-row small{margin-top:4px;color:var(--fleet-muted)}.fleet-maintenance-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.fleet-maintenance-card{padding:18px}.fleet-maintenance-card .meter{height:7px;border-radius:999px;background:#07151f;overflow:hidden;margin:14px 0}.fleet-maintenance-card .meter span{display:block;height:100%;background:linear-gradient(90deg,#45a7c7,#54e4e8)}.fleet-maintenance-card p{color:var(--fleet-muted);line-height:1.5}.fleet-timeline{position:relative;margin:14px 0}.fleet-route-event{display:grid;grid-template-columns:110px 16px 1fr;gap:12px;align-items:start;padding:12px 0}.fleet-route-event time{color:var(--fleet-muted);font-size:.74rem}.fleet-route-event i{display:block;width:10px;height:10px;border-radius:50%;background:var(--fleet-cyan);box-shadow:0 0 0 5px rgba(84,228,232,.08);margin-top:4px}.fleet-route-event div{border-bottom:1px solid var(--fleet-line);padding-bottom:12px}.fleet-route-event strong,.fleet-route-event small{display:block}.fleet-route-event small{color:var(--fleet-muted);margin-top:4px}.fleet-integrations-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.fleet-integrations-grid p{color:var(--fleet-muted);line-height:1.5}.fleet-empty{padding:30px;text-align:center;color:var(--fleet-muted)}.fleet-modal-backdrop{position:fixed;inset:0;background:rgba(0,7,12,.72);backdrop-filter:blur(9px);display:grid;place-items:center;z-index:100;padding:18px}.fleet-modal{width:min(860px,100%);max-height:88vh;overflow:auto;border:1px solid rgba(84,228,232,.18);border-radius:22px;background:#0a1c29;box-shadow:0 30px 90px rgba(0,0,0,.48)}.fleet-modal-head,.fleet-modal-foot{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:17px 20px;border-bottom:1px solid var(--fleet-line)}.fleet-modal-foot{border-top:1px solid var(--fleet-line);border-bottom:0;justify-content:flex-end}.fleet-modal-body{padding:20px}.fleet-close{border:1px solid var(--fleet-line);background:#0b2433;color:var(--fleet-text);width:36px;height:36px;border-radius:12px;cursor:pointer}#fleet-toast-root{position:fixed;right:18px;bottom:18px;z-index:200;display:grid;gap:8px}.fleet-toast{padding:12px 15px;border:1px solid rgba(84,228,232,.2);border-radius:14px;background:#0d2635;color:#e9fbff;box-shadow:0 15px 40px rgba(0,0,0,.35);min-width:240px}.fleet-toast strong,.fleet-toast span{display:block}.fleet-toast span{font-size:.75rem;color:var(--fleet-muted);margin-top:3px}.button.small{padding:7px 9px;font-size:.7rem}@media(max-width:1250px){.fleet-kpis{grid-template-columns:repeat(3,1fr)}.fleet-layout{grid-template-columns:1fr}.fleet-integrations-grid{grid-template-columns:repeat(2,1fr)}.fleet-maintenance-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:780px){.fleet-shell{width:min(100% - 20px,1600px)}.fleet-topbar{grid-template-columns:1fr auto}.fleet-back{display:none}.fleet-brand{justify-self:start}.fleet-actions{grid-column:2}.fleet-actions .ghost{display:none}.fleet-hero{padding:24px;display:block}.fleet-live-pill{display:inline-block;margin-top:10px}.fleet-kpis{grid-template-columns:repeat(2,1fr)}.fleet-map{height:410px}.fleet-panel-head{align-items:flex-start;flex-direction:column}.fleet-map-tools{width:100%;flex-wrap:wrap}.fleet-grid-two,.fleet-maintenance-grid,.fleet-integrations-grid{grid-template-columns:1fr}.fleet-toolbar{flex-direction:column}.fleet-toolbar input{width:100%;box-sizing:border-box}.fleet-form-grid{grid-template-columns:1fr}.full-span{grid-column:1}.fleet-marker-label{display:none}}