body{margin:0;background:#f7f9fc;color:#142b44;font-family:Inter,Arial,sans-serif}button,input,select{font:inherit}button,a,input,select{outline-offset:4px}button,a{touch-action:manipulation}button{border:0}.fleet-shell{display:flex;min-height:100vh}.fleet-sidebar{width:242px;flex-shrink:0;background:#0a3456;color:#fff;padding:32px 22px;position:sticky;top:0;height:100dvh;display:flex;flex-direction:column}.fleet-brand img{width:166px;max-height:85px;object-fit:contain;margin-bottom:30px}.fleet-brand>span{display:flex;align-items:center;gap:10px;font-weight:750;font-size:20px}.fleet-brand>small{display:block;margin:10px 0 38px;color:#d3dfeb}.fleet-sidebar nav{display:grid;gap:10px}.fleet-sidebar nav a,.fleet-sidebar footer a,.fleet-sidebar footer button{display:flex;align-items:center;gap:12px;padding:14px;border-radius:7px;color:#fff;background:none;text-align:left}.fleet-sidebar nav a[aria-current]{background:#23639b;border-left:4px solid #ffdf00;padding-left:10px}.radar-note{margin-top:42px;padding:18px 10px;border-top:1px solid #ffffff30}.radar-note span{font-size:10px;letter-spacing:1.7px;color:#ffdf00}.radar-note p{font-size:13px;line-height:1.7;color:#ceddea;margin-top:10px}.fleet-sidebar footer{margin-top:auto;padding-top:30px}.fleet-main{padding:38px 42px 50px;min-width:0;flex:1;max-width:1550px}.fleet-header{display:flex;justify-content:space-between;gap:24px;margin-bottom:26px}.eyebrow{font-size:11px;letter-spacing:1.5px;color:#65758a;font-weight:700;margin-bottom:12px}.fleet-header h1{font-size:36px;letter-spacing:-1px;margin-bottom:8px}.fleet-header h1:focus{outline:none}.fleet-header p:not(.eyebrow){font-size:15px;color:#5f7084}.account{display:flex;flex-direction:column;gap:9px;text-align:right;font-size:13px;overflow-wrap:anywhere;max-width:240px}.account span{font-size:11px;color:#526a81}.demo-banner{display:flex;align-items:center;gap:12px;background:#fff9dc;border:1px solid #eadca0;border-radius:9px;padding:15px 18px;font-size:13px;line-height:1.6;color:#65561d}.demo-banner svg{flex-shrink:0}.period{display:flex;gap:14px;align-items:end;background:#fff;padding:20px;margin-top:24px;border:1px solid #dce4ed;border-radius:10px}.period>div{margin-right:auto;align-self:center}.period strong{font-size:14px}.period small{display:block;font-size:12px;margin-top:7px;color:#6b7889}label{display:flex;flex-direction:column;gap:7px;font-size:12px;color:#52657b}input,select{background:#fff;border:1px solid #becbd9;border-radius:6px;padding:10px;color:#1b334e;min-width:0}.primary{background:#0059b4;color:#fff;padding:12px 17px;border-radius:6px;font-weight:650;font-size:13px}.period-caption{font-size:12px;color:#697b8e;margin:13px 0 23px}.metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.metrics article{display:flex;flex-direction:column;align-items:flex-start;padding:23px;border:1px solid #dce4ed;background:#fff;border-radius:11px}.metrics svg{color:#0071bb;margin-bottom:20px}.metrics span{font-size:13px;color:#52657b}.metrics strong{font-size:30px;letter-spacing:-.8px;margin:10px 0}.metrics small{font-size:11px;color:#697b8e}.metrics .total{background:#0a3456;border-color:#0a3456;color:#fff}.metrics .total svg{color:#ffdf00}.metrics .total span,.metrics .total small{color:#d2dfeb}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:30px 0 16px}.section-heading h2,.future h2{font-size:19px;letter-spacing:-.3px}.section-heading h2 span{font-size:12px;background:#e6edf5;padding:4px 8px;border-radius:6px;margin-left:8px}.section-heading a{display:flex;gap:6px;align-items:center;color:#0059b4;font-size:13px}.vehicle-list{display:grid;gap:12px}.vehicle{display:flex;align-items:center;gap:20px;padding:22px;background:#fff;border:1px solid #d9e2ed;border-radius:10px}.vehicle:hover{border-color:#7ca4cb;background:#fcfdff}.vehicle-icon{width:62px;height:62px;flex-shrink:0;display:grid;place-items:center;background:#edf4fb;border-radius:11px;color:#0059b4}.vehicle-name{flex:1}.vehicle h3{font-size:17px}.vehicle h3 small{display:block;font-size:10px;font-weight:400;color:#718093;margin-top:5px}.vehicle p{font-size:13px;margin-top:8px}.vehicle-name>small{display:block;margin-top:6px;font-size:11px;color:#64758a}.vehicle-cost{display:flex;flex-direction:column;gap:8px;text-align:right}.vehicle-cost strong{font-size:19px}.vehicle-cost small{font-size:10px;color:#6a7b8d}.detail-link{font-size:12px;color:#0059b4;display:flex;align-items:center;gap:5px;margin-left:14px}.integration{padding:24px 28px;border:1px solid #dce4ed;border-radius:10px;margin-top:28px;background:#edf3f9}.integration>span{font-size:10px;letter-spacing:1.2px;color:#4d6987}.integration h2{font-size:22px;margin:9px 0}.integration p{font-size:13px;line-height:1.7;color:#587087;max-width:660px}.future{display:flex;gap:20px;align-items:center;padding:25px 0;margin-top:26px;border-top:1px solid #d9e2ed}.future>div:first-child{display:flex;gap:7px;color:#7b8b9d}.future p{font-size:13px;line-height:1.7;color:#65768a;margin-top:7px;max-width:670px}.future>span{margin-left:auto;font-size:11px;white-space:nowrap;color:#60738a}.search{flex-direction:row;align-items:center;gap:10px;border:1px solid #becbd9;border-radius:8px;background:#fff;padding:4px 14px;margin:24px 0}.search input{width:100%;border:0;padding:12px 0}.back{display:flex;align-items:center;gap:7px;color:#0059b4;font-size:13px;margin-bottom:20px}.vehicle-info{display:flex;justify-content:space-between;gap:12px;font-size:12px;color:#61758b;padding:22px 0}.history .section-heading p{font-size:12px;line-height:1.6;color:#6b7b8d;margin-top:9px}.table-wrap{overflow:auto;border:1px solid #dce4ed;border-radius:10px;background:#fff}table{width:100%;border-collapse:collapse;text-align:left;font-size:13px}th{font-weight:600;background:#edf3f9;color:#586e87;padding:15px 18px}td{padding:19px 18px;border-top:1px solid #e8edf4}td:last-child,th:last-child{text-align:right;white-space:nowrap}td small{display:block;margin-top:5px;color:#6a7d91;font-size:11px}.simulated{font-size:10px;padding:5px 8px;border-radius:4px;background:#edf2f7;color:#5f7084}.empty,.empty-period{padding:30px;text-align:center;background:#fff;border:1px solid #dce4ed;border-radius:10px;font-size:14px;line-height:1.8}.empty a{color:#0059b4}.empty-period{margin:20px 0}.error{color:#ad2525;margin:12px 0;font-size:13px}@media(max-width:1150px){.fleet-sidebar{width:215px;padding:26px 15px}.fleet-main{padding:30px 24px}.period{flex-wrap:wrap}.period>div{width:100%}.metrics strong{font-size:25px}.detail-link{font-size:0;gap:0;margin:0}.future>span{display:none}}@media(max-width:760px){.fleet-shell{display:block}.fleet-sidebar{position:static;width:100%;height:auto;padding:20px}.fleet-brand img,.radar-note,.fleet-brand>small{display:none}.fleet-brand>span{font-size:20px}.fleet-sidebar nav{display:flex;margin-top:20px}.fleet-sidebar nav a{flex:1;font-size:14px}.fleet-sidebar footer{display:flex;padding:10px 0 0;justify-content:space-between}.fleet-sidebar footer a,.fleet-sidebar footer button{font-size:12px;padding:10px}.fleet-main{padding:26px 16px}.fleet-header{flex-direction:column;gap:15px}.fleet-header h1{font-size:30px}.account{text-align:left;max-width:100%}.metrics{grid-template-columns:1fr}.metrics article{padding:20px;display:grid;grid-template-columns:1fr auto}.metrics svg{grid-column:2;grid-row:1/3;margin:0}.metrics strong{font-size:30px}.metrics small{grid-column:1/-1}.period{padding:16px;gap:12px}.period label{flex:1;min-width:115px}.period button{width:100%}.vehicle{gap:13px;padding:16px;flex-wrap:wrap}.vehicle-icon{width:47px;height:47px}.vehicle-cost{margin-left:60px;text-align:left;flex:1}.detail-link{font-size:12px}.section-heading{align-items:start;flex-wrap:wrap}.future{align-items:start}.future>div:first-child{display:none}.vehicle-info{flex-direction:column}th,td{padding:13px 10px}table{min-width:480px}}:root{--font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;--brand-primary:#0054a6;--brand-deep:#083e78;--brand-accent:#ffcf00;--line:#dce5ef;--muted:#65758a;font-family:var(--font-family);font-size:14px;color:var(--brand-deep);background:#f8fafd;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}button:focus-visible,a:focus-visible{outline:3px solid var(--brand-primary);outline-offset:3px}input:focus,textarea:focus,select:focus{outline:2px solid var(--brand-primary);outline-offset:1px}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}svg{flex-shrink:0}.loading{min-height:100dvh;display:flex;align-items:center;justify-content:center;gap:20px;flex-wrap:wrap;padding:28px;text-align:center}.loading h1{width:100%;font-size:22px}.loading button,.loading a{background:#fff;border:1px solid var(--line);padding:12px 18px;color:var(--brand-primary);border-radius:8px}
