:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--background:#090d12;--sidebar:#0d1218;--surface:#101922;--surface-raised:#131f2b;--surface-soft:#0d151d;--line:#a2afc229;--line-strong:#a2afc238;--text:#ebf0f7;--text-muted:#95a3b4;--text-subtle:#70829a;--blue:#7da7ff;--mint:#7ed0b3;--violet:#9d90d2;--amber:#f1c86b;--red:#e58896;--gold:#d6b26a;--radius:12px}*{box-sizing:border-box}html,body{min-height:100%}body{background:var(--background);color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;font-size:14px}button,input,select{font:inherit}button,a,select{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--blue);outline-offset:3px}a{color:inherit;text-decoration:none}button{color:inherit}.app-shell{min-height:100vh}.sidebar{z-index:2;background:var(--sidebar);border-right:1px solid var(--line);flex-direction:column;width:252px;padding:27px 16px 16px;display:flex;position:fixed;inset:0 auto 0 0}.brand-row{align-items:center;gap:11px;margin:0 7px 43px;display:flex}.brand-mark{color:#fff;background:linear-gradient(140deg,#71b7ff,#8c8cf8);border-radius:11px;place-items:center;width:36px;height:36px;font-size:19px;font-weight:800;display:grid;box-shadow:0 5px 20px #639df838}.brand-copy{gap:2px;display:grid}.brand-name{letter-spacing:-.3px;font-size:15px;font-weight:700}.brand-subtitle{color:var(--text-muted);letter-spacing:1.75px;font-size:9px}.nav-caption{color:#627087;letter-spacing:1.35px;padding:0 12px 12px;font-size:10px;font-weight:650}.nav{gap:5px;display:grid}.nav-item{color:#8996aa;border:1px solid #0000;border-radius:9px;align-items:center;gap:12px;height:42px;padding:0 12px;font-size:13px;transition:background .16s,color .16s;display:flex;position:relative}.nav-item:hover{color:var(--text);background:#ffffff09}.nav-item.active{color:#d9e9ff;background:#609bf11f;border-color:#609bf11a}.nav-item.active:before{background:var(--blue);content:"";border-radius:0 2px 2px 0;width:2px;height:22px;position:absolute;left:-17px}.nav-icon{color:#8797af;place-items:center;width:19px;font-size:17px;display:grid}.nav-item.active .nav-icon{color:var(--blue)}.nav-count{color:#9fb0c8;background:#9baecb1c;border-radius:6px;place-items:center;width:19px;height:19px;margin-left:auto;font-size:10px;display:grid}.sidebar-spacer{flex:1;min-height:30px}.team-card{border:1px solid var(--line);background:linear-gradient(145deg,#19273ad6,#121b2acc);border-radius:11px;padding:15px 14px 13px}.team-card-heading{color:#bdc8d8;align-items:center;gap:8px;font-size:11px;display:flex}.team-icon{color:var(--mint);font-size:14px}.live-dot,.updated-label i,.page-footer i{background:var(--mint);border-radius:50%;width:6px;height:6px;margin-left:auto;box-shadow:0 0 10px #66d9b57a}.team-score-row{align-items:baseline;gap:8px;margin-top:13px;display:flex}.team-score-row strong{letter-spacing:-.9px;font-size:25px}.team-score-row span{color:var(--mint);font-size:10px}.progress-bar{background:#273449;border-radius:8px;height:4px;margin-top:11px;overflow:hidden}.progress-bar span{border-radius:inherit;background:linear-gradient(90deg,#58cda9,#86e0c2);width:92%;height:100%;display:block}.team-card p{color:#73829a;margin:8px 0 0;font-size:10px}.workspace-switcher{text-align:left;border:0;border-top:1px solid var(--line);cursor:pointer;background:0 0;align-items:center;gap:10px;margin-top:16px;padding:10px 7px 4px;display:flex}.workspace-avatar{color:#b9c5d7;background:#1a2536;border:1px solid #9baecb33;border-radius:9px;place-items:center;width:32px;height:32px;font-weight:700;display:grid}.workspace-copy{flex:1;gap:4px;display:grid}.workspace-copy strong{color:#cdd6e3;font-size:11px;font-weight:550}.workspace-copy small{color:#76859c;font-size:10px}.workspace-more{color:var(--text-muted);letter-spacing:1px;font-size:18px}.main-panel{min-height:100vh;margin-left:252px}.topbar{z-index:1;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0a0f1ae8;justify-content:space-between;align-items:center;height:74px;padding:0 42px;display:flex;position:sticky;top:0}.search-box{border:1px solid var(--line);width:min(310px,40vw);height:36px;color:var(--text-muted);background:#0e1624;border-radius:8px;align-items:center;gap:10px;padding:0 10px;display:flex}.search-icon{font-size:19px;line-height:1;transform:rotate(-20deg)}.search-box input{width:100%;min-width:0;color:var(--text);background:0 0;border:0;outline:0;font-size:11px}.search-box input::placeholder{color:#68778c}.search-box kbd{border:1px solid var(--line);color:#74839a;border-radius:4px;flex:none;padding:3px 5px;font-family:inherit;font-size:9px}.topbar-actions{align-items:center;gap:12px;display:flex}.date-select{border:1px solid var(--line);color:#b9c5d6;cursor:pointer;background:#0e1624;border-radius:8px;height:35px;padding:0 28px 0 11px;font-size:11px}.icon-btn{border:1px solid var(--line);color:#a6b3c6;cursor:pointer;background:#0e1624;border-radius:8px;place-items:center;width:35px;height:35px;display:grid;position:relative}.notification-btn span{font-size:15px;transform:rotate(180deg)}.notification-btn i{background:var(--blue);border-radius:50%;width:5px;height:5px;position:absolute;top:7px;right:7px}.profile-pill{cursor:pointer;background:0 0;border:0;align-items:center;gap:9px;padding:0 0 0 2px;display:flex}.avatar{color:#fff2e7;background:linear-gradient(140deg,#bb8f75,#654e53);border:1px solid #e1bf9b47;border-radius:50%;place-items:center;width:31px;height:31px;font-size:9px;font-weight:700;display:grid}.profile-name{color:#c5cedb;font-size:11px}.chevron{color:#8492a7;font-size:16px}.page-content{max-width:1600px;margin:0 auto;padding:34px 42px 21px}.page-header{justify-content:space-between;align-items:flex-end;gap:18px;margin-bottom:25px;display:flex}.breadcrumb{color:#728098;align-items:center;gap:9px;margin-bottom:20px;font-size:10px;display:flex}.breadcrumb strong{color:#b8c3d3;font-weight:500}.eyebrow{color:#90a0b6;letter-spacing:.5px;margin:0 0 7px;font-size:10px}h1{letter-spacing:-.8px;margin:0;font-size:25px;font-weight:630}.page-description{color:#8491a5;margin:7px 0 0;font-size:11px}.header-actions{gap:9px;padding-bottom:2px;display:flex}.primary-btn,.secondary-btn{border:1px solid var(--line-strong);cursor:pointer;border-radius:7px;justify-content:center;align-items:center;gap:7px;height:35px;padding:0 12px;font-size:11px;transition:filter .15s,transform .15s;display:inline-flex}.primary-btn:hover,.secondary-btn:hover{filter:brightness(1.12);transform:translateY(-1px)}.primary-btn{color:#0c1727;background:#6ea8fe;border-color:#75aafd;font-weight:650;box-shadow:0 4px 15px #5790e42b}.secondary-btn{color:#c2ccda;background:#121c2b}.secondary-btn span{font-size:14px}.notice{color:#c6ddff;background:#6ea8fe14;border:1px solid #6ea8fe3d;border-radius:8px;justify-content:space-between;align-items:center;margin:-10px 0 17px;padding:10px 13px;font-size:11px;display:flex}.notice button{color:inherit;cursor:pointer;background:0 0;border:0;font-size:18px}.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.metric-card,.panel{border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(135deg,#131d2cf0,#101927f5);box-shadow:0 10px 30px #00000014}.metric-card{min-width:0;min-height:136px;padding:15px 16px 13px;position:relative;overflow:hidden}.metric-top{justify-content:space-between;align-items:center;gap:6px;display:flex}.metric-label,.panel-label{color:#91a0b5;font-size:10px;font-weight:500}.metric-icon{background:#ffffff09;border:1px solid;border-radius:8px;place-items:center;width:27px;height:27px;font-size:13px;display:grid}.metric-icon.blue{color:var(--blue)}.metric-icon.mint{color:var(--mint)}.metric-icon.violet{color:var(--violet)}.metric-icon.amber{color:var(--amber)}.metric-value{letter-spacing:-.9px;margin-top:9px;font-size:23px;font-weight:630}.metric-bottom{color:#76859a;align-items:center;gap:6px;margin-top:6px;font-size:9px;display:flex}.trend{color:var(--mint);font-weight:600}.trend.negative{color:var(--red)}.sparkline{opacity:.72;width:76px;height:26px;position:absolute;bottom:8px;right:13px}.sparkline svg{width:100%;height:100%;overflow:visible}.sparkline path{fill:none;stroke:currentColor;stroke-width:2px;vector-effect:non-scaling-stroke}.sparkline.blue{color:var(--blue)}.sparkline.mint{color:var(--mint)}.sparkline.violet{color:var(--violet)}.sparkline.amber{color:var(--amber)}.content-grid,.lower-grid{grid-template-columns:minmax(0,1.8fr) minmax(310px,1fr);gap:14px;margin-top:14px;display:grid}.panel{min-width:0;padding:17px 17px 15px}.panel-header{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.panel-title-row{align-items:center;gap:9px;display:flex}.live-label{color:#7e8ca1;align-items:center;gap:5px;font-size:9px;display:inline-flex}.live-label i{background:var(--mint);border-radius:50%;width:5px;height:5px;box-shadow:0 0 8px #66d9b580}.chart-value{letter-spacing:-.7px;margin-top:8px;font-size:22px;font-weight:630}.chart-value span{color:#7c8ba1;letter-spacing:0;font-size:10px;font-weight:450}.chart-comparison{color:#8391a5;margin-top:5px;font-size:9px}.chart-comparison span{color:var(--mint);margin-right:4px;font-weight:600}.segmented-control{border:1px solid var(--line);background:#0e1725;border-radius:7px;gap:2px;padding:3px;display:flex}.segmented-control button{color:#7f8da2;cursor:pointer;background:0 0;border:0;border-radius:5px;padding:5px 8px;font-size:9px}.segmented-control button.selected{color:#dce7f6;background:#202e42}.revenue-chart{height:219px;margin-top:8px;padding:0 0 37px 42px;position:relative}.chart-axis{color:#64738a;flex-direction:column;justify-content:space-between;font-size:9px;display:flex;position:absolute;inset:4px auto 39px 0}.chart-svg{width:100%;height:calc(100% - 39px);display:block;overflow:visible}.chart-gridline{stroke:#9baecb1c;stroke-width:1px;stroke-dasharray:3 5}.chart-area{fill:url(#revenue-fill)}.chart-line{fill:none;stroke:#76adff;stroke-width:2.5px;stroke-linecap:round}.chart-highlight{fill:#101a29;stroke:#b4d4ff;stroke-width:2.5px}.chart-labels{color:#74839a;justify-content:space-between;font-size:9px;display:flex;position:absolute;bottom:20px;left:43px;right:0}.chart-legend{color:#8190a5;gap:13px;font-size:9px;display:flex;position:absolute;bottom:0;right:2px}.chart-legend span{align-items:center;gap:5px;display:inline-flex}.chart-legend i{background:#76adff;border-radius:50%;width:6px;height:6px}.chart-legend span+span i{background:#8793a5}.funnel-panel h2,.table-panel h2,.alerts-panel h2{letter-spacing:-.2px;margin:5px 0 0;font-size:14px;font-weight:570}.more-btn{border:1px solid var(--line);color:#91a0b5;cursor:pointer;background:#111a29;border-radius:6px;width:27px;height:25px;font-size:17px;line-height:14px}.funnel-summary{align-items:baseline;gap:7px;margin:18px 0 15px;display:flex}.funnel-summary strong{letter-spacing:-.6px;font-size:21px}.funnel-summary>span:nth-child(2){color:#8290a5;font-size:9px}.funnel-summary .positive-change{color:var(--mint);margin-left:auto;font-size:9px;font-weight:600}.funnel-list{gap:13px;display:grid}.funnel-item{gap:6px;display:grid}.funnel-meta{color:#8694a8;justify-content:space-between;font-size:10px;display:flex}.funnel-meta strong{color:#cad3e0;font-size:10px;font-weight:550}.funnel-track{background:#263246;border-radius:9px;height:5px;overflow:hidden}.funnel-track span{border-radius:inherit;height:100%;display:block}.funnel-track .blue{background:var(--blue)}.funnel-track .violet{background:var(--violet)}.funnel-track .mint{background:var(--mint)}.funnel-track .amber{background:var(--amber)}.funnel-foot{border-top:1px solid var(--line);color:#8190a5;justify-content:space-between;margin-top:17px;padding-top:11px;font-size:9px;display:flex}.funnel-foot strong{color:var(--text);font-size:10px}.lower-grid{grid-template-columns:minmax(0,1.8fr) minmax(310px,1fr)}.text-link{color:#91baff;align-items:center;gap:5px;padding-top:2px;font-size:9px;display:inline-flex}.text-link:hover,.activity-link:hover{color:#c0d9ff}.table-wrap{width:100%;overflow-x:auto}table{border-collapse:collapse;text-align:left;white-space:nowrap;width:100%;margin-top:13px}th{border-bottom:1px solid var(--line);color:#75849a;padding:9px 8px;font-size:9px;font-weight:500}td{color:#b6c1d0;border-bottom:1px solid #9baecb14;height:43px;padding:7px 8px;font-size:10px}tbody tr:last-child td{border-bottom:0}td:first-child{color:#d3dce8;display:table-cell}td:first-child strong{vertical-align:middle;font-weight:550}.company-avatar{vertical-align:middle;color:#adc9ec;background:#1e2c3e;border:1px solid #9baecb21;border-radius:7px;place-items:center;width:25px;height:25px;margin-right:8px;font-size:8px;font-weight:650;display:inline-grid}.company-avatar.hw{color:#9bd8c4;background:#25312f}.company-avatar.vc{color:#c3aeff;background:#302b40}.company-avatar.sg{color:#f4a1a8;background:#392930}.pill{border:1px solid #0000;border-radius:30px;align-items:center;gap:5px;padding:4px 7px;font-size:8px;display:inline-flex}.pill i{background:currentColor;border-radius:50%;width:5px;height:5px}.pill.green{color:#7ed9bc;background:#66d9b514;border-color:#66d9b524}.pill.blue{color:#91bdff;background:#6ea8fe17;border-color:#6ea8fe26}.pill.red{color:#f28e98;background:#f17e8a17;border-color:#f17e8a29}.pill.amber{color:#eac179;background:#f5be6814;border-color:#f5be6826}.health-cell{align-items:center;gap:8px;display:flex}.mini-progress{background:#293548;border-radius:5px;width:38px;height:3px;display:inline-block;overflow:hidden}.mini-progress i{border-radius:inherit;background:#68cfae;height:100%;display:block}.empty-row{text-align:center;height:80px;color:var(--text-muted)}.table-footer{border-top:1px solid var(--line);color:#718097;justify-content:space-between;padding-top:10px;font-size:9px;display:flex}.updated-label{align-items:center;gap:6px;display:flex}.updated-label i{width:5px;height:5px;margin:0}.activity-list{gap:0;margin:11px 0 0;padding:0;list-style:none;display:grid}.activity-item{border-bottom:1px solid #9baecb14;gap:10px;padding:12px 0;display:flex}.activity-item:last-child{border-bottom:0}.activity-avatar{border:1px solid;border-radius:8px;flex:none;place-items:center;width:27px;height:27px;font-size:8px;font-weight:650;display:grid}.activity-avatar.red{color:#f28d98;background:#f17e8a17}.activity-avatar.blue{color:#8db9fa;background:#6ea8fe17}.activity-avatar.mint{color:#76d7ba;background:#66d9b517;font-size:12px}.activity-copy{flex:1;gap:4px;min-width:0;display:grid}.activity-copy strong{color:#d3dce8;font-size:10px;font-weight:550}.activity-copy>span{color:#8794a8;text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.activity-copy time{color:#65748a;font-size:8px}.activity-link{color:#94bbfb;cursor:pointer;background:0 0;border:0;padding:10px 0 0;font-size:9px}.activity-link span{margin-left:3px}.page-footer{border-top:1px solid var(--line);color:#5f6d82;justify-content:space-between;margin-top:21px;padding-top:14px;font-size:9px;display:flex}.page-footer span+span{color:#75849a;align-items:center;gap:6px;display:flex}.page-footer i{width:5px;height:5px;margin:0}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (min-width:1500px){.page-content{padding-left:54px;padding-right:54px}.metric-card{min-height:150px;padding:18px}.metric-value{font-size:26px}.content-grid,.lower-grid{gap:16px;margin-top:16px}}@media (max-width:1120px){.sidebar{width:220px}.main-panel{margin-left:220px}.topbar,.page-content{padding-left:25px;padding-right:25px}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.content-grid,.lower-grid{grid-template-columns:minmax(0,1.5fr) minmax(280px,1fr)}}@media (max-width:820px){.sidebar{border-right:0;border-bottom:1px solid var(--line);width:auto;padding:13px 16px;position:static}.brand-row{margin:0 0 13px}.nav-caption,.sidebar-spacer,.team-card,.workspace-switcher{display:none}.nav{gap:4px;display:flex;overflow-x:auto}.nav-item{flex:none;gap:7px;height:36px;padding:0 9px;font-size:11px}.nav-item.active:before{display:none}.nav-icon{width:15px;font-size:14px}.main-panel{margin-left:0}.topbar{height:auto;min-height:60px;padding:11px 18px;position:static}.search-box{width:min(310px,44vw)}.profile-name{display:none}.content-grid,.lower-grid{grid-template-columns:minmax(0,1fr)}.page-content{padding:24px 18px}}@media (max-width:540px){.topbar{flex-direction:column;align-items:flex-start;gap:11px}.search-box{width:100%}.topbar-actions{justify-content:space-between;align-self:stretch}.page-header{flex-direction:column;align-items:flex-start}.header-actions{width:100%}.header-actions button{flex:1}h1{font-size:23px}.stats-grid{gap:9px}.metric-card{min-height:127px;padding:12px}.metric-label{font-size:9px}.metric-value{font-size:21px}.metric-bottom{flex-wrap:wrap;font-size:8px}.sparkline{width:54px;right:8px}.panel{padding:14px 12px}.revenue-chart{height:195px}.table-panel{padding-left:0;padding-right:0}.table-panel>.panel-header,.table-panel>.table-footer{margin-left:12px;margin-right:12px}.table-wrap{padding:0 5px}.page-footer{font-size:8px}}.fleet-app{background:radial-gradient(at 100% 0,#7da7ff24,#0000 26%),radial-gradient(at 18% 12%,#7ed0b314,#0000 22%),linear-gradient(#091017 0%,#0a1016 100%);min-height:100vh}.fleet-sidebar{z-index:3;background:linear-gradient(#0c1117fa,#0b0f15fa);border-right:1px solid #a2afc226;flex-direction:column;width:248px;padding:26px 16px 15px;display:flex;position:fixed;inset:0 auto 0 0;box-shadow:inset -1px 0 #ffffff05}.fleet-brand{align-items:center;gap:11px;padding:0 7px;display:flex}.fleet-brand-mark{color:#eaf3ff;background:linear-gradient(145deg,#9ab9ff,#6c91de 48%,#4467bf);border:1px solid #7da7ff52;border-radius:11px;place-items:center;width:37px;height:37px;font-size:17px;font-weight:750;display:grid;box-shadow:0 10px 22px #5178d647}.fleet-brand>span:last-child,.fleet-account>span:nth-child(2){gap:4px;display:grid}.fleet-brand strong{letter-spacing:-.15px;font-size:13px;font-weight:650}.fleet-brand small{color:#7e8da3;letter-spacing:1.2px;font-size:8px}.fleet-nav-label{color:#65748a;letter-spacing:1.25px;margin:42px 12px 11px;font-size:9px;font-weight:650}.fleet-nav{gap:5px;display:grid}.fleet-nav-link{color:#aab6c8;border:1px solid #0000;border-radius:8px;align-items:center;gap:11px;height:40px;padding:0 12px;font-size:12px;transition:background .15s,border-color .15s,color .15s;display:flex}.fleet-nav-link span{color:#8eadd3;text-align:center;width:18px;font-size:17px}.fleet-nav-link.active{color:#edf4ff;background:linear-gradient(#7da7ff1f,#7da7ff0f);border-color:#7da7ff2e;box-shadow:inset 0 1px #ffffff08}.fleet-sidebar-spacer{flex:1;min-height:20px}.fleet-demo-note{background:#7da7ff0d;border:1px solid #7da7ff2e;border-radius:9px;gap:10px;padding:12px;display:flex}.fleet-demo-icon{color:#dfeaff;background:#7da7ff24;border-radius:50%;flex:0 0 17px;place-items:center;width:17px;height:17px;font-size:10px;font-weight:700;display:grid}.fleet-demo-note strong{color:#cbd8eb;font-size:10px;font-weight:600}.fleet-demo-note p{color:#8898ae;margin:5px 0 0;font-size:9px;line-height:1.5}.fleet-account{border-top:1px solid var(--line);align-items:center;gap:9px;margin-top:13px;padding:12px 4px 2px;display:flex}.fleet-account-avatar{color:#b4cee9;background:linear-gradient(135deg,#1f3555,#16263d);border:1px solid #9baecb2e;border-radius:9px;place-items:center;width:31px;height:31px;font-size:9px;font-weight:700;display:grid}.fleet-account strong{color:#ccd6e4;font-size:10px;font-weight:550}.fleet-account small{color:#78879c;font-size:9px}.fleet-account-menu{color:#8795a9;letter-spacing:1px;margin-left:auto;font-size:17px}.fleet-main{min-height:100vh;margin-left:248px}.fleet-topbar{z-index:2;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#090d12d1;border-bottom:1px solid #a2afc224;align-items:center;gap:25px;height:66px;padding:0 36px;display:flex;position:sticky;top:0;box-shadow:0 12px 28px #060a1233}.fleet-breadcrumb{color:#78879c;flex:none;align-items:center;gap:9px;font-size:10px;display:flex}.fleet-breadcrumb strong{color:#c9d4e3;font-weight:550}.fleet-search{color:#7f8da2;background:linear-gradient(#0e1624f7,#0c121feb);border:1px solid #9baecb24;border-radius:7px;align-items:center;gap:9px;width:min(390px,45vw);height:35px;margin-left:auto;padding:0 10px;transition:border-color .15s,box-shadow .15s,background .15s;display:flex}.fleet-search:focus-within{background:#0e1624fa;border-color:#6ea8fe6b;box-shadow:0 0 0 3px #6ea8fe1a}.fleet-search>span{font-size:18px}.fleet-search input{width:100%;min-width:0;color:var(--text);letter-spacing:.02em;background:0 0;border:0;outline:0;font-size:10px}.fleet-search input::placeholder{color:#728198}.fleet-search kbd{border:1px solid var(--line);color:#77869b;border-radius:4px;flex:none;padding:3px 5px;font-family:inherit;font-size:8px}.fleet-operator{color:#bac5d4;flex:none;align-items:center;gap:8px;font-size:10px;display:flex}.fleet-operator-avatar{color:#e3efff;background:linear-gradient(140deg,#597a9e,#35435e);border:1px solid #9bbee638;border-radius:50%;place-items:center;width:29px;height:29px;font-size:8px;font-weight:700;display:grid}.fleet-content{max-width:1600px;margin:0 auto;padding:30px 36px 20px}.fleet-page-heading{justify-content:space-between;align-items:flex-end;gap:15px;margin-bottom:20px;display:flex}.fleet-eyebrow,.fleet-panel-kicker{color:#8292a9;letter-spacing:.9px;font-size:9px;font-weight:550}.fleet-page-heading h1{letter-spacing:-.65px;margin:7px 0 0;font-size:24px;font-weight:620}.fleet-page-heading p{color:#8997aa;margin:6px 0 0;font-size:10px}.sample-data-badge{color:#e4bd7d;background:#f5be6812;border:1px solid #f5be6833;border-radius:20px;align-items:center;gap:7px;padding:7px 9px;font-size:9px;display:inline-flex}.sample-data-badge i{background:#e4bd7d;border-radius:50%;width:6px;height:6px}.fleet-metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.fleet-metric,.fleet-panel{background:linear-gradient(#10171ff5,#0c121af2);border:1px solid #a2afc21f;border-radius:12px;min-width:0;transition:transform .16s,border-color .16s,box-shadow .16s;box-shadow:0 14px 26px #00000014,inset 0 1px #ffffff05}.fleet-metric:hover,.fleet-panel:hover{border-color:#a2afc22e;transform:translateY(-1px);box-shadow:0 18px 32px #0000001a,inset 0 1px #ffffff06}.fleet-metric{min-height:110px;padding:13px 15px}.fleet-metric-top{color:#95a3b7;justify-content:space-between;align-items:center;gap:8px;font-size:9px;display:flex}.fleet-metric-icon{background:#ffffff06;border:1px solid;border-radius:7px;place-items:center;width:25px;height:25px;font-size:12px;display:grid}.fleet-metric-icon.blue{color:#bfcfe9}.fleet-metric-icon.green{color:#bddaca}.fleet-metric-icon.amber{color:#d9ba7a}.fleet-metric-icon.red{color:#d6a9ad}.fleet-metric>strong{color:#edf2f9;letter-spacing:-.8px;margin-top:8px;font-size:22px;font-weight:620;display:block}.fleet-metric>small{color:#74839a;margin-top:3px;font-size:8px;display:block}.fleet-workspace{grid-template-columns:minmax(0,1.65fr) minmax(260px,.85fr);gap:12px;margin-top:12px;display:grid}.fleet-panel{padding:15px}.fleet-panel-heading,.fleet-list-heading{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.fleet-panel-heading h2,.fleet-list-heading h2{color:#e4eaf3;letter-spacing:-.15px;margin:5px 0 0;font-size:13px;font-weight:570}.map-preview-label{border:1px solid var(--line);color:#8796aa;border-radius:5px;padding:5px 7px;font-size:8px}.fleet-map{background-color:#111c2a;background-image:linear-gradient(#7e99b80e 1px,#0000 1px),linear-gradient(90deg,#7e99b80e 1px,#0000 1px);background-size:32px 32px;border:1px solid #9baecb14;border-radius:10px;height:285px;margin-top:13px;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff05}.map-region{background:#4c756313;border:1px solid #789b9b1f;border-radius:46% 54% 62% 38%;position:absolute;transform:rotate(-18deg)}.map-region-one{width:32%;height:31%;top:9%;left:8%}.map-region-two{width:29%;height:28%;top:39%;left:43%;transform:rotate(12deg)}.map-region-three{width:35%;height:25%;bottom:5%;right:6%;transform:rotate(-7deg)}.map-roads{width:100%;height:100%;position:absolute;inset:0}.map-roads path{fill:none;stroke:#a2b6c638;stroke-width:3px;vector-effect:non-scaling-stroke}.map-roads path:nth-child(2n){stroke-width:1.4px}.map-roads .map-route{stroke:#6ea8fe91;stroke-width:3px;stroke-dasharray:7 6}.map-town{color:#b9cad685;letter-spacing:.8px;pointer-events:none;font-size:7px;position:absolute}.town-leeds{top:21%;right:14%}.town-manchester{top:48%;left:41%}.town-birmingham{bottom:19%;right:25%}.map-marker{z-index:1;cursor:pointer;background:#67d5ae;border:1px solid #0a0f1ae6;border-radius:50%;place-items:center;width:19px;height:19px;padding:0;transition:transform .15s,box-shadow .15s;display:grid;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 4px #67d5ae21}.map-marker.simulating{transition:left 2s linear,top 2s linear,transform .15s,box-shadow .15s}.map-marker:hover,.map-marker.selected{z-index:2;transform:translate(-50%,-50%)scale(1.13);box-shadow:0 0 0 6px #6ea8fe38,0 0 18px #6ea8fe6b}.map-marker span{background:#103128;border-radius:50%;width:5px;height:5px}.map-marker.idle{background:#edbd67;box-shadow:0 0 0 4px #edbd6721}.map-marker.idle span{background:#3c2b0c}.map-marker.delayed,.map-marker.offline{background:#ed7d88;box-shadow:0 0 0 4px #ed7d8821}.map-marker.delayed span,.map-marker.offline span{background:#431a21}.map-legend{color:#a6b2c2;background:#0a0f1ad6;border:1px solid #9baecb21;border-radius:6px;flex-wrap:wrap;gap:9px;padding:7px 8px;font-size:8px;display:flex;position:absolute;bottom:9px;right:9px}.map-legend span{align-items:center;gap:5px;display:inline-flex}.map-legend i,.fleet-footer i{border-radius:50%;width:6px;height:6px}.legend-green{background:#67d5ae}.legend-amber{background:#edbd67}.legend-red{background:#ed7d88}@media (prefers-reduced-motion:reduce){.map-marker.simulating{transition:none}}.vehicle-status{white-space:nowrap;border:1px solid #0000;border-radius:20px;align-items:center;gap:5px;padding:4px 7px;font-size:8px;display:inline-flex;box-shadow:inset 0 0 0 1px #ffffff03}.vehicle-status i{background:currentColor;border-radius:50%;width:5px;height:5px}.vehicle-status.on-route{color:#bfd8c9;background:#b9d7c70f;border-color:#b9d7c729}.vehicle-status.idle{color:#d9c18a;background:#d9ba7a0f;border-color:#d9ba7a2e}.vehicle-status.delayed,.vehicle-status.offline{color:#d9adb1;background:#d6a9ad0f;border-color:#d6a9ad29}.vehicle-details{margin-top:17px}.vehicle-driver{border-bottom:1px solid var(--line);align-items:center;gap:10px;padding-bottom:14px;display:flex}.vehicle-driver-avatar{color:#c3dafa;background:#203149;border:1px solid #84baff26;border-radius:50%;place-items:center;width:34px;height:34px;font-size:9px;font-weight:650;display:grid}.vehicle-driver>span:last-child{gap:4px;display:grid}.vehicle-driver small{color:#7e8da2;letter-spacing:.7px;font-size:8px}.vehicle-driver strong{color:#dce4ef;font-size:11px;font-weight:560}.vehicle-detail-list{gap:0;margin:6px 0 0;display:grid}.vehicle-detail-list div{border-bottom:1px solid #9baecb13;justify-content:space-between;align-items:flex-start;gap:12px;padding:9px 0;display:flex}.vehicle-detail-list dt{color:#8593a8;font-size:9px}.vehicle-detail-list dd{color:#c9d3e0;text-align:right;margin:0;font-size:9px}.fuel-row{margin-top:13px}.fuel-row>div:first-child{color:#8795a9;justify-content:space-between;font-size:9px;display:flex}.fuel-row strong{color:#d9e3ee;font-weight:550}.fuel-track{background:#263246;border-radius:5px;height:4px;margin-top:8px;overflow:hidden}.fuel-track span{border-radius:inherit;background:linear-gradient(90deg,#56c79e,#80ddb7);height:100%;display:block}.vehicle-update-note{border-top:1px solid var(--line);color:#78879b;align-items:center;gap:6px;margin-top:13px;padding-top:11px;font-size:8px;display:flex}.vehicle-update-note i{background:#e4bd7d;border-radius:50%;width:5px;height:5px}.fleet-empty{color:#9aa8ba;text-align:center;padding:24px 8px;font-size:10px}.vehicle-list-panel{margin-top:12px;padding-bottom:5px}.vehicle-count{color:#8997ab;font-size:9px}.vehicle-filters{border-bottom:1px solid var(--line);flex-wrap:wrap;gap:6px;margin-top:13px;padding-bottom:12px;display:flex}.vehicle-filters button{color:#8795a9;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;align-items:center;gap:7px;min-height:27px;padding:0 8px;font-size:9px;transition:background .15s,border-color .15s,color .15s,transform .15s;display:inline-flex}.vehicle-filters button:hover{color:#d4deeb;background:#ffffff09}.vehicle-filters button.active{color:#edf4ff;background:linear-gradient(#7da7ff1f,#6081c70f);border-color:#7da7ff33;box-shadow:inset 0 1px #ffffff05}.vehicle-filters button span{min-width:16px;height:16px;color:inherit;background:#9baecb17;border-radius:5px;place-items:center;padding:0 3px;font-size:8px;display:grid}.vehicle-table-wrap{width:100%;overflow-x:auto}.vehicle-table{border-collapse:collapse;text-align:left;white-space:nowrap;width:100%}.vehicle-table th{border-bottom:1px solid var(--line);color:#78879b;height:34px;padding:8px 9px;font-size:8px;font-weight:500}.vehicle-table td{color:#b4c0d0;border-bottom:1px solid #9baecb13;height:47px;padding:7px 9px;font-size:9px}.vehicle-table tbody tr{transition:background .15s}.vehicle-table tbody tr:hover td{background:#ffffff05}.vehicle-table tbody tr.selected td{background:#6ea8fe0b}.vehicle-table tbody tr:last-child td{border-bottom:0}.vehicle-select{color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;gap:3px;padding:2px 0;display:grid}.vehicle-select strong{color:#dce5f0;font-size:9px;font-weight:600}.vehicle-select small{color:#7d8ca1;font-size:8px}.fleet-footer{color:#718097;justify-content:space-between;gap:12px;padding:13px 1px 0;font-size:8px;display:flex}.fleet-footer span:last-child{align-items:center;gap:6px;display:inline-flex}.fleet-footer i{background:#e4bd7d}@media (max-width:1020px){.fleet-sidebar{width:210px}.fleet-main{margin-left:210px}.fleet-content,.fleet-topbar{padding-left:22px;padding-right:22px}.fleet-workspace{grid-template-columns:minmax(0,1.35fr) minmax(245px,.9fr)}}@media (max-width:820px){.fleet-sidebar{border-right:0;border-bottom:1px solid var(--line);width:100%;padding:12px 17px;position:static}.fleet-brand{padding:0}.fleet-nav-label,.fleet-nav,.fleet-sidebar-spacer,.fleet-demo-note,.fleet-account{display:none}.fleet-main{margin-left:0}.fleet-topbar{height:auto;min-height:58px;padding:10px 18px;position:static}.fleet-workspace{grid-template-columns:minmax(0,1fr)}.fleet-map{height:310px}}@media (max-width:600px){.fleet-topbar{flex-wrap:wrap;gap:10px}.fleet-breadcrumb{order:0}.fleet-operator{order:1;margin-left:auto}.fleet-search{order:2;width:100%;margin-left:0}.fleet-content{padding:22px 13px 16px}.fleet-page-heading h1{font-size:22px}.fleet-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.fleet-metric{min-height:101px;padding:11px}.fleet-metric-top{font-size:8px}.fleet-metric>strong{font-size:20px}.fleet-panel{padding:12px}.fleet-map{height:255px}.map-legend{gap:6px;font-size:7px;bottom:6px;right:6px}.map-preview-label{text-align:center;max-width:110px}.fleet-footer{font-size:7px}}
