@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap";:root{font-family:DM Sans,sans-serif;color:#182638;background:#f5f7fa;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px}.app-shell{min-height:100vh}.sidebar{width:252px;background:#101c2c;color:#c2cbd6;position:fixed;inset:0 auto 0 0;padding:25px 16px;display:flex;flex-direction:column;z-index:5}.brand{display:flex;align-items:center;gap:11px;padding:0 10px 36px;color:#fff}.brand-mark{width:35px;height:35px;border-radius:10px;background:#315b83;display:grid;place-items:center;color:#fff}.brand strong{display:block;font:800 21px Manrope,sans-serif;letter-spacing:-.8px}.brand span{font-size:9px;letter-spacing:1.5px;color:#8190a1}.workspace-label,.eyebrow{font-size:10px;letter-spacing:1.2px;font-weight:700;color:#8a98a8}.workspace-label{padding:0 10px 10px}.workspace{height:42px;border:1px solid #344255;border-radius:7px;background:#1b2a3d;color:#e5eaf0;display:flex;align-items:center;gap:9px;padding:0 10px;font:500 11px DM Sans;text-align:left}.workspace svg{margin-left:auto}.workspace-dot,.demo-pill span{width:7px;height:7px;border-radius:50%;background:#62bd91}.sidebar nav{display:grid;gap:5px;margin-top:29px}.nav-item{height:43px;border:0;border-radius:6px;background:transparent;color:#aeb9c6;display:flex;align-items:center;gap:12px;padding:0 12px;text-align:left;font:500 13px DM Sans;cursor:pointer}.nav-item.active{background:#263b52;color:#fff}.sidebar-bottom{margin-top:auto}.profile{border-top:1px solid #2b394a;margin-top:16px;padding:18px 7px 0;display:flex;align-items:center;gap:10px}.profile strong,.profile span{display:block}.profile strong{font-size:12px;color:#fff}.profile span{font-size:10px;color:#8291a2;margin-top:3px}.profile>svg{margin-left:auto}.avatar{width:31px;height:31px;border-radius:50%;background:#dce7f1;color:#38536c;display:grid;place-items:center;font-size:10px;font-weight:700}.main{margin-left:252px;min-height:100vh}.topbar{height:66px;background:#fff;border-bottom:1px solid #e8edf2;display:flex;align-items:center;justify-content:space-between;padding:0 38px}.breadcrumbs{font-size:12px;color:#8a96a4}.breadcrumbs span{padding:0 10px;color:#c0c8d0}.breadcrumbs strong{color:#27374a;font-weight:600}.top-actions{display:flex;align-items:center;gap:19px}.demo-pill{font-size:9px;letter-spacing:.7px;font-weight:700;color:#477a62;background:#eff8f2;border:1px solid #d9eddf;border-radius:20px;padding:7px 10px;display:flex;align-items:center;gap:7px}.demo-pill span{width:6px;height:6px}.icon-button,.mobile-toggle{border:0;background:none;color:#728195;display:grid;place-items:center}.avatar.small{width:29px;height:29px}.mobile-toggle{display:none}.content{max-width:1500px;margin:0 auto;padding:34px 38px 20px}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:24px}.eyebrow{color:#8190a0;margin-bottom:8px}.page-heading h1{font:700 27px Manrope,sans-serif;letter-spacing:-.8px;margin:0;color:#152438}.page-heading p,.panel-heading p{margin:6px 0 0;color:#8a96a4;font-size:12px}.primary-button{height:39px;border:0;border-radius:6px;background:#244a6b;color:#fff;padding:0 14px;display:flex;align-items:center;gap:8px;font:600 11px DM Sans;cursor:pointer}.notice{background:#f0f5fa;border:1px solid #dfe8f0;border-radius:7px;padding:12px 15px;display:flex;align-items:center;gap:11px;margin-bottom:21px}.notice-dot{width:8px;height:8px;border-radius:50%;background:#7199bb;flex-shrink:0}.notice div{display:flex;gap:8px;align-items:baseline;flex-wrap:wrap}.notice strong{font-size:11px;color:#34516b}.notice span{font-size:11px;color:#72869a}.notice button{margin-left:auto;border:0;background:none;color:#8192a3;font-size:20px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:19px}.metric-card,.panel{background:#fff;border:1px solid #e8edf2;border-radius:8px}.metric-card{padding:17px 18px;min-height:119px}.metric-top{display:flex;align-items:center;justify-content:space-between;color:#778494;font-size:11px}.metric-top i{width:29px;height:29px;border-radius:7px;background:#f0f4f8;color:#58748f;display:grid;place-items:center}.metric-top svg{width:16px}.metric-card>strong{display:block;font:700 25px Manrope,sans-serif;color:#17283c;margin-top:8px}.metric-card small{font-size:10px;color:#98a3af}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(290px,1fr);gap:17px}.panel{min-width:0}.panel-heading{display:flex;align-items:center;justify-content:space-between;padding:19px 19px 15px}.panel-heading h2{font:700 14px Manrope,sans-serif;margin:0;color:#203247}.panel-heading p{font-size:10px}.text-button,.more-button,.activity-link{border:0;background:none;color:#477093;font:600 10px DM Sans;display:flex;align-items:center;gap:5px;cursor:pointer}.more-button{color:#7b8998;font-size:16px}.table-tools{display:flex;gap:8px;padding:0 18px 13px}.search-box{height:35px;border:1px solid #e5eaf0;border-radius:5px;display:flex;align-items:center;gap:8px;padding:0 10px;flex:1;color:#93a0ad;min-width:0}.search-box input{border:0;outline:0;width:100%;font:11px DM Sans;color:#35485d}.search-box input::placeholder{color:#a4afba}.filter-button{height:35px;border:1px solid #e5eaf0;border-radius:5px;background:#fff;color:#657487;display:flex;align-items:center;gap:6px;padding:0 10px;font:500 10px DM Sans}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap}th{background:#f8fafc;color:#98a3af;font-size:9px;letter-spacing:.5px;font-weight:700;padding:11px 14px}td{padding:12px 14px;border-bottom:1px solid #eff2f5;font-size:10px;color:#33475b}td strong,.cell-sub{display:block}td strong{font-size:10px;font-weight:600}.cell-sub{font-size:9px;color:#9aa5b0;margin-top:4px}.vin{font-weight:700;color:#526b82}.status{display:inline-block;border-radius:20px;padding:5px 8px;font-size:9px;font-weight:600}.status.green{background:#edf7f0;color:#548465}.status.amber{background:#fff6e7;color:#a77b35}.status.purple{background:#f2effa;color:#7967a6}.updated{color:#8996a4}.empty{padding:25px;text-align:center;color:#8b98a6;font-size:12px}.activity-list{padding:3px 18px 8px}.activity-item{display:flex;align-items:flex-start;gap:10px;padding:14px 0;border-bottom:1px solid #eff2f5}.activity-icon{width:29px;height:29px;border-radius:7px;background:#f0f4f8;color:#5f7b96;display:grid;place-items:center;flex-shrink:0}.activity-icon svg{width:15px}.activity-copy{min-width:0;flex:1}.activity-copy strong,.activity-copy span{display:block}.activity-copy strong{font-size:10px;color:#34485d}.activity-copy span{font-size:9px;color:#8e9aa7;margin-top:4px}.activity-item time{font-size:9px;color:#9aa5b0;white-space:nowrap}.activity-link{padding:13px 18px 17px}.activity-panel{align-self:start}footer{display:flex;gap:15px;color:#99a4af;font-size:9px;padding:23px 2px 5px}footer span{color:#aab3bc}.footer-right{margin-left:auto}.mobile-toggle{cursor:pointer}@media(max-width:1100px){.content{padding:28px 24px}.topbar{padding:0 24px}.metrics{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}}@media(max-width:700px){.sidebar{transform:translate(-100%);transition:transform .2s}.sidebar.open{transform:translate(0)}.main{margin-left:0}.topbar{height:58px;padding:0 15px;justify-content:flex-start;gap:13px}.mobile-toggle{display:grid}.breadcrumbs{flex:1}.top-actions{gap:10px}.top-actions .icon-button{display:none}.demo-pill{font-size:8px;padding:6px 7px}.content{padding:25px 14px}.page-heading{align-items:flex-start;gap:12px}.page-heading h1{font-size:23px}.page-heading p{max-width:230px;line-height:1.5}.primary-button{font-size:0;width:39px;justify-content:center;padding:0;flex-shrink:0}.notice div{display:block}.notice span{display:block;line-height:1.5;margin-top:4px}.metrics{gap:9px}.metric-card{padding:13px;min-height:110px}.metric-top{font-size:10px}.metric-card>strong{font-size:22px}.table-tools{padding:0 12px 12px}.search-box input{font-size:10px}.filter-button{font-size:0;width:35px;justify-content:center;padding:0}.panel-heading{padding:16px 13px}.activity-list{padding:3px 13px}.activity-item time{font-size:8px}footer{flex-wrap:wrap;padding:18px 2px}.footer-right{margin-left:0;width:100%}}.full-panel{overflow:hidden}.result-count{align-self:center;color:#98a3af;font-size:10px;white-space:nowrap}.row-actions{display:flex;gap:5px}.row-actions button,.close-modal{width:29px;height:29px;border:1px solid #e7ecf1;border-radius:5px;background:#fff;color:#6e7e8e;display:grid;place-items:center;cursor:pointer}.row-actions button:hover{background:#f1f5f8;color:#244a6b}.placeholder-panel{min-height:260px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:35px;color:#8090a0}.placeholder-panel h2{font:700 17px Manrope,sans-serif;color:#203247;margin:13px 0 5px}.placeholder-panel p{max-width:430px;font-size:12px;line-height:1.7}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a14208c;z-index:20;display:grid;place-items:center;padding:18px;overflow:auto}.vehicle-modal{width:min(100%,590px);max-height:calc(100vh - 36px);overflow:auto;background:#fff;border-radius:10px;padding:24px;box-shadow:0 20px 70px #0003}.modal-heading{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.modal-heading h2{font:700 19px Manrope,sans-serif;margin:0;color:#1c2d41}.modal-heading p{font-size:11px;color:#8a96a4;margin:6px 0 0}.vehicle-modal form{display:grid;gap:13px}.vehicle-modal label{display:grid;gap:6px;color:#536579;font-size:10px;font-weight:600}.vehicle-modal input,.vehicle-modal select{height:39px;width:100%;border:1px solid #dfe6ed;border-radius:5px;padding:0 10px;font:12px DM Sans;color:#26394e;background:#fff;outline:none}.vehicle-modal input:focus,.vehicle-modal select:focus{border-color:#7395b2;box-shadow:0 0 0 3px #edf3f8}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-section-title{font-size:9px;letter-spacing:1px;font-weight:700;color:#8493a2;padding-top:5px}.form-hint{font-size:10px;color:#8c99a6;line-height:1.6;margin:0}.form-error{border:1px solid #f0d1d1;background:#fff5f5;color:#a34848;border-radius:5px;padding:9px 11px;font-size:11px}.modal-actions{display:flex;justify-content:flex-end;gap:8px;padding-top:8px}.secondary-button{height:39px;border:1px solid #dfe6ed;border-radius:6px;background:#fff;color:#536579;padding:0 14px;font:600 11px DM Sans;cursor:pointer}.modal-actions .primary-button{font-size:11px;width:auto;padding:0 14px}@media(max-width:700px){.vehicle-modal{padding:18px}.form-row{grid-template-columns:1fr}.result-count{display:none}.row-actions button{width:27px;height:27px}}.places-list{padding:0 18px 20px}.places-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.place-card{border:1px solid #e6ebf0;border-radius:7px;padding:13px;min-width:0}.place-card.occupied{background:#fbfcfd}.place-card.available{background:#f7fbf8;border-color:#e0eee4}.place-card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.place-code{font:700 17px Manrope,sans-serif;color:#263d52}.place-state{font-size:9px;font-weight:700;border-radius:15px;padding:4px 7px}.place-state.occupied{background:#fff3e5;color:#a4773a}.place-state.available{background:#eaf5ed;color:#548465}.place-card>strong,.place-row{display:block}.place-card>strong{font-size:11px;color:#35495d}.place-row{font-size:10px;color:#8996a4;margin-top:3px}.place-vehicle{margin-top:13px;padding-top:10px;border-top:1px solid #e8edf1;font-size:10px;color:#43586c}.place-vehicle small{display:block;color:#96a2ad;margin-top:4px}.place-vehicle.vacant{color:#648b70}.place-remove{margin-top:12px;border:0;background:none;color:#8d99a5;font:500 9px DM Sans;padding:0;cursor:pointer}.place-remove:disabled{opacity:.35;cursor:not-allowed}@media(max-width:1000px){.places-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.places-grid{grid-template-columns:1fr 1fr}.places-list{padding:0 12px 15px}}.status.blue{background:#edf3f9;color:#4f7191}.movement-note{margin:14px 18px 18px;padding:11px 13px;border:1px solid #e1eaf1;background:#f5f8fb;border-radius:6px;color:#63798d;font-size:10px;line-height:1.6}.row-actions{flex-wrap:nowrap}.row-actions button{flex-shrink:0}.activity-list .activity-item:last-child{border-bottom:0}@media(max-width:700px){.movement-note{margin:10px 12px 14px}.row-actions{gap:3px}.row-actions button{width:25px;height:25px}}.csv-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;padding:0 18px 18px}.csv-card{border:1px solid #e6ebf0;border-radius:8px;padding:17px;display:flex;flex-direction:column;align-items:flex-start;gap:10px;min-width:0}.csv-card-icon{width:34px;height:34px;border-radius:8px;background:#f0f4f8;color:#54728d;display:grid;place-items:center}.csv-card-icon svg{width:17px}.csv-card h3,.csv-preview h3{font:700 13px Manrope,sans-serif;color:#26394e;margin:0}.csv-card p,.csv-preview-heading p{font-size:10px;color:#82909e;line-height:1.6;margin:0;min-height:48px}.csv-card small{font-size:9px;color:#98a3af}.csv-card .secondary-button,.csv-card .primary-button{font-size:10px;width:auto;max-width:100%;padding:0 11px}.csv-file-button{position:relative;overflow:hidden}.csv-file-button input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer;width:100%}.csv-preview{border-top:1px solid #edf0f3;padding:18px}.csv-preview-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:13px}.csv-preview-heading p{min-height:0;margin-top:4px}.csv-summary{display:flex;gap:18px;padding:10px 12px;background:#f7f9fb;border-radius:6px;margin-bottom:12px;color:#718194;font-size:10px}.csv-summary strong{font-size:14px;color:#26394e;margin-right:4px}.csv-import-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-top:13px}.csv-import-footer span{font-size:10px;color:#8794a2}.csv-import-footer .primary-button:disabled{opacity:.45;cursor:not-allowed}@media(max-width:900px){.csv-actions{grid-template-columns:1fr 1fr}}@media(max-width:600px){.csv-actions{grid-template-columns:1fr;padding:0 12px 14px}.csv-card p{min-height:0}.csv-import-footer{align-items:flex-start;flex-direction:column}.csv-preview{padding:14px 10px}}.fleet-view{background:transparent}.fleet-toolbar{display:flex;justify-content:space-between;align-items:center;margin:0 0 12px}.fleet-toolbar h2{font:700 16px Manrope,sans-serif;color:#203247;margin:0}.fleet-toolbar p{font-size:11px;color:#8794a2;margin:5px 0 0}.fleet-view-label{font-size:9px;letter-spacing:1px;font-weight:700;color:#72869a;background:#eaf0f5;padding:8px 10px;border-radius:5px}.fleet-view>.table-tools{background:#fff;border:1px solid #e8edf2;border-radius:8px 8px 0 0;padding:13px 15px;margin-top:16px}.vehicle-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.vehicle-card{background:#fff;border:1px solid #e5eaf0;border-radius:9px;overflow:hidden;min-width:0;transition:transform .15s,box-shadow .15s}.vehicle-card:hover{transform:translateY(-2px);box-shadow:0 9px 24px #192d4114}.vehicle-card-image{height:178px;background:#e9eef2;position:relative;overflow:hidden}.vehicle-card-image>img{width:100%;height:100%;object-fit:cover;display:block}.vehicle-card-image>.status{position:absolute;top:11px;left:11px}.vehicle-no-photo{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;color:#9aa8b5;background:linear-gradient(135deg,#eef2f5,#e2e8ed)}.vehicle-no-photo span{font-size:10px}.vehicle-card-body{padding:14px}.vehicle-card-title{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.vehicle-card-title h3{font:700 14px Manrope,sans-serif;color:#203247;margin:0}.vehicle-card-title p{font-size:10px;color:#8a97a4;margin:5px 0 0}.photo-count{display:flex;align-items:center;gap:4px;color:#8393a1;font-size:10px}.vehicle-card-location{display:flex;align-items:center;gap:7px;color:#60768a;font-size:10px;margin-top:13px;padding-top:11px;border-top:1px solid #edf0f3}.vehicle-card-location span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vehicle-extra-photos{display:flex;gap:6px;margin-top:10px}.vehicle-extra-photos img{width:39px;height:31px;object-fit:cover;border-radius:4px}.vehicle-extra-photos span{font-size:10px;color:#74879a;align-self:center}.vehicle-card-actions{display:flex;gap:5px;margin-top:13px}.vehicle-card-actions button{height:31px;display:flex;align-items:center;justify-content:center;gap:5px;border:1px solid #e5eaf0;border-radius:5px;background:#fff;color:#647789;font:500 9px DM Sans;padding:0 8px;cursor:pointer}.vehicle-card-actions button:hover{background:#f3f6f8;color:#244a6b}.vehicle-card-actions .danger-action{margin-left:auto;padding:0 8px;color:#9b7777}.photo-section{border:1px solid #e7edf2;border-radius:7px;padding:13px;margin-bottom:2px}.photo-section-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:11px}.photo-section-heading span{font-size:9px;letter-spacing:1px;font-weight:700;color:#8493a2}.photo-section-heading small{font-size:10px;color:#8795a3}.photo-grid{display:flex;gap:8px;flex-wrap:wrap}.photo-thumb,.photo-add{width:88px;height:72px;border-radius:6px;overflow:hidden;position:relative}.photo-thumb img{width:100%;height:100%;object-fit:cover}.photo-thumb button{position:absolute;right:4px;top:4px;width:22px;height:22px;border:0;border-radius:50%;background:#141e28bf;color:#fff;display:grid;place-items:center;cursor:pointer}.photo-add{border:1px dashed #bdcbd7;background:#f8fafb;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;color:#6e879b;cursor:pointer}.photo-add span{font-size:9px}.photo-add input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;width:100%;height:100%;cursor:pointer}@media(max-width:1050px){.vehicle-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){.vehicle-grid{grid-template-columns:1fr}.vehicle-card-image{height:205px}.fleet-toolbar{align-items:flex-start}.fleet-view-label{font-size:8px}.vehicle-card-actions button{font-size:10px}.photo-thumb,.photo-add{width:76px;height:66px}}