@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{color:#17213d;font-synthesis:none;font-optical-sizing:auto;background:#f5f7fb;font-family:DM Sans,sans-serif}*{box-sizing:border-box}body{margin:0}.app-shell{min-height:100vh;display:flex}.sidebar{color:#fff;z-index:20;background:#071b68;flex-direction:column;width:244px;padding:23px 15px 15px;display:flex;position:fixed;inset:0 auto 0 0}.brand{align-items:center;height:46px;margin-bottom:22px;padding:0 14px;display:flex}.logo{color:#ff6b21;letter-spacing:-1px;font-family:Manrope,sans-serif;font-size:18px;font-weight:900;line-height:13px}.logo span{color:#fff}.logo small{letter-spacing:3px;color:#fff;text-align:center;font-size:8px;display:block}.account-label{letter-spacing:1.4px;color:#b9c7f7;border-bottom:1px solid #ffffff1b;padding:0 14px 23px;font-size:10px;font-weight:700;line-height:1.45}.nav-group{margin-top:23px}.nav-heading{letter-spacing:1.4px;color:#8194d7;padding:0 13px 9px;font-size:9px;font-weight:700}.nav-item{color:#cbd5f7;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:7px;align-items:center;gap:12px;width:100%;margin:2px 0;padding:10px 13px;font:500 12px DM Sans;display:flex}.nav-item:hover,.nav-item.selected{color:#082477;background:#fff}.nav-item.selected{font-weight:700}.nav-count{color:#fff;background:#f36c25;border-radius:10px;margin-left:auto;padding:2px 6px;font-size:9px;font-style:normal}.sidebar-bottom{margin-top:auto}.help-card{background:#ffffff12;border:1px solid #ffffff1d;border-radius:9px;align-items:center;gap:9px;margin:0 3px 15px;padding:10px;display:flex}.help-icon{background:#ffffff20;border-radius:8px;place-items:center;width:28px;height:28px;display:grid}.help-card b,.profile b{font-size:10px;display:block}.help-card small,.profile small{color:#b8c5ed;margin-top:3px;font-size:9px;display:block}.help-card a{color:#ffb27e;margin-left:auto;font-size:10px}.profile{border-top:1px solid #ffffff24;align-items:center;gap:9px;padding:15px 5px 0;display:flex}.profile-info{flex:1}.avatar{color:#12347d;background:#dce8ff;border-radius:50%;place-items:center;width:31px;height:31px;font-size:10px;font-weight:700;display:grid}.main{flex-direction:column;width:calc(100% - 244px);min-height:100vh;margin-left:244px;display:flex}.topbar{z-index:10;background:#fff;border-bottom:1px solid #e9edf4;justify-content:space-between;align-items:center;height:69px;padding:0 34px;display:flex;position:sticky;top:0}.crumb{color:#7d879b;font-size:11px}.crumb span{color:#c1c8d5;padding:0 9px}.crumb b{color:#17213d;font-weight:700}.top-actions{align-items:center;gap:20px;display:flex}.outline-btn,.primary-btn,.secondary,.filter-btn,.date-pill{cursor:pointer;border-radius:7px;justify-content:center;align-items:center;gap:8px;padding:10px 14px;font:600 11px DM Sans;display:inline-flex}.outline-btn{color:#0b287f;background:#fff;border:1px solid #dce3ef}.primary-btn{color:#fff;background:#092b9b;border:1px solid #092b9b;box-shadow:0 3px 7px #0b2a961c}.primary-btn:hover{background:#061f7c}.secondary{color:#536078;background:#fff;border:1px solid #dce2ec}.icon-btn{color:#53617a;cursor:pointer;background:0 0;border:0;place-items:center;padding:5px;display:grid;position:relative}.icon-btn i{background:#f36b2b;border:1px solid #fff;border-radius:50%;width:6px;height:6px;position:absolute;top:3px;right:3px}.top-user{border-left:1px solid #e7ebf2;align-items:center;gap:8px;padding-left:17px;display:flex}.top-user b{font-size:10px;display:block}.top-user small{color:#8892a5;font-size:9px}.avatar.small{width:29px;height:29px}.content{flex:1;width:100%;max-width:1600px;margin:0 auto;padding:30px 35px 24px}.page-heading{justify-content:space-between;align-items:flex-end;gap:18px;margin-bottom:25px;display:flex}.eyebrow{letter-spacing:1.4px;color:#f06a2a;margin-bottom:7px;font-size:9px;font-weight:700}.page-heading h1{letter-spacing:-.8px;color:#101d3b;margin:0;font:800 25px Manrope,sans-serif}.page-heading p{color:#7d8799;margin:7px 0 0;font-size:12px}.date-pill{color:#67738a;background:#fff;border:1px solid #e2e7f0;font-weight:500}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;display:grid}.metric{background:#fff;border:1px solid #e9edf4;border-radius:10px;min-height:133px;padding:17px 17px 14px;position:relative;overflow:hidden;box-shadow:0 2px 6px #1b315408}.metric:after{content:"";opacity:.045;background:currentColor;border-radius:50%;width:80px;height:80px;position:absolute;bottom:-42px;right:-28px}.metric-top{color:#758097;justify-content:space-between;align-items:center;font-size:10px;font-weight:600;display:flex}.metric-top i{border-radius:8px;place-items:center;width:29px;height:29px;font-style:normal;display:grid}.metric-top svg{width:16px;height:16px}.metric strong{color:#17213d;letter-spacing:-.7px;margin:8px 0 1px;font:800 25px Manrope,sans-serif;display:block}.metric>small{color:#929bad;font-size:9px}.metric button{color:#0b319c;cursor:pointer;background:0 0;border:0;align-items:center;gap:4px;margin-top:9px;padding:0;font:600 9px DM Sans;display:flex}.metric.blue .metric-top i{color:#2449b2;background:#edf2ff}.metric.orange .metric-top i{color:#ec702d;background:#fff1e8}.metric.green .metric-top i{color:#15976b;background:#e8f8f1}.metric.slate .metric-top i{color:#67758c;background:#edf0f5}.section{margin-top:29px}.section-title{justify-content:space-between;align-items:center;margin-bottom:13px;display:flex}.section-title h2{color:#17213d;margin:0;font:700 15px Manrope,sans-serif}.section-title p{color:#8993a6;margin:4px 0 0;font-size:10px}.quick-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;display:grid}.quick-card{text-align:left;cursor:pointer;background:#fff;border:1px solid #e8edf4;border-radius:9px;flex-direction:column;align-items:flex-start;min-height:106px;padding:14px 13px;display:flex;position:relative;box-shadow:0 2px 5px #172c4a06}.quick-card:hover{border-color:#b9c8ed;transform:translateY(-1px)}.quick-card>i{color:#163b9e;background:#eff3ff;border-radius:8px;place-items:center;width:29px;height:29px;margin-bottom:10px;display:grid}.quick-card>i svg{width:16px}.quick-card b{color:#1d2943;font-size:10px}.quick-card small{color:#8b95a7;margin-top:4px;font-size:9px}.quick-arrow{color:#a1abc0;position:absolute;top:13px;right:12px}.table-section{margin-top:30px}.text-link{color:#12389f;cursor:pointer;background:0 0;border:0;align-items:center;gap:5px;font:600 10px DM Sans;display:flex}.data-panel,.panel{background:#fff;border:1px solid #e8edf4;border-radius:10px;overflow:hidden;box-shadow:0 2px 6px #1b315406}.table-scroll{overflow-x:auto}table{border-collapse:collapse;white-space:nowrap;width:100%}th{text-align:left;color:#8993a6;letter-spacing:.7px;background:#f8f9fc;padding:12px 14px;font-size:8px;font-weight:700}td{color:#59657b;border-top:1px solid #eef1f6;padding:13px 14px;font-size:9px}td b{color:#27334d;font-weight:700}td small{color:#929bad;margin-top:4px;font-size:9px;display:block}.request-id{color:#12389f!important}.status{border-radius:20px;align-items:center;gap:5px;padding:5px 8px;font-size:8px;font-weight:700;display:inline-flex}.status i{background:currentColor;border-radius:50%;width:5px;height:5px}.status.green{color:#13875f;background:#e8f7f0}.status.amber{color:#a96b09;background:#fff5df}.status.blue{color:#2853b9;background:#edf2ff}.status.red{color:#b84a4a;background:#fff0ef}.bottom-grid{grid-template-columns:1fr 1fr;gap:14px;margin-top:16px;display:grid}.panel{padding:17px}.panel-title{justify-content:space-between;align-items:center;display:flex}.panel h3{margin:0;font:700 12px Manrope}.dots{color:#929bad;cursor:pointer;background:0 0;border:0}.dots svg{width:17px}.fleet-summary{align-items:center;gap:25px;padding:14px 12px 4px;display:flex}.donut{background:conic-gradient(#1ba879 0 72%,#f39a46 72% 100%);border-radius:50%;place-items:center;width:92px;height:92px;display:grid;position:relative}.donut:after{content:"";background:#fff;border-radius:50%;position:absolute;inset:10px}.donut div{z-index:1;text-align:center}.donut b{font:800 21px Manrope;display:block}.donut small{color:#929bad;font-size:8px}.legend{flex:1;gap:11px;display:grid}.legend span{color:#6d7890;align-items:center;gap:7px;font-size:9px;display:flex}.legend b{color:#25324d;margin-left:auto}.dot{border-radius:50%;width:7px;height:7px}.dot.green{background:#1ba879}.dot.orange{background:#f39a46}.dot.gray{background:#bfc7d4}.support-panel{background:#f1f5ff;border-color:#e5ebfc;align-items:center;gap:14px;display:flex}.support-icon{color:#133a9f;background:#fff;border-radius:10px;flex-shrink:0;place-items:center;width:39px;height:39px;display:grid}.support-icon svg{width:18px}.support-panel p{color:#7a869c;margin:6px 0;font-size:9px;line-height:1.5}.support-panel a{color:#153a9d;align-items:center;gap:5px;font-size:9px;font-weight:700;text-decoration:none;display:inline-flex}.footer{color:#9aa3b2;border-top:1px solid #e8edf4;justify-content:space-between;padding:14px 35px;font-size:9px;display:flex}.footer b{color:#f36b2b;padding:0 5px}.toolbar{gap:10px;margin:-6px 0 16px;display:flex}.search-box{color:#8b95a6;background:#fff;border:1px solid #e0e6ef;border-radius:7px;align-items:center;gap:8px;width:min(350px,100%);height:37px;padding:0 11px;display:flex}.search-box input{color:#283550;background:0 0;border:0;outline:0;width:100%;font:10px DM Sans}.filter-btn{color:#65718a;background:#fff;border:1px solid #e0e6ef;padding:8px 12px}.compact{margin-bottom:19px}.compact .metric{min-height:119px}.inventory-table td{padding:15px}.low-stock{color:#b36a0c;background:#fff3dc;border-radius:5px;margin-left:6px;padding:4px 6px;font-size:8px}.demo-note{color:#9aa3b2;margin-top:10px;font-size:9px}.settings-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.settings-card{padding:22px}.settings-card h3{align-items:center;gap:9px;margin-bottom:20px;display:flex}.settings-card h3 svg{color:#12389f;width:17px}.setting{border-top:1px solid #edf0f5;padding:12px 0}.setting small{color:#929bad;margin-bottom:5px;font-size:9px;display:block}.setting b{color:#283550;font-size:11px}.full{width:100%;margin-top:14px}.empty{text-align:center;color:#8993a6;padding:30px;font-size:11px}.scrim{z-index:18;background:#08163b70;position:fixed;inset:0}.hamburger,.close-mobile{display:none}.modal-backdrop{z-index:50;background:#07143b88;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.modal{background:#fff;border-radius:13px;width:min(560px,100%);padding:24px;box-shadow:0 20px 60px #06153c44}.modal-head{justify-content:space-between;align-items:flex-start;margin-bottom:20px;display:flex}.modal-head h2{color:#14203e;margin:0;font:800 19px Manrope}.form-grid{grid-template-columns:1fr 1fr;gap:13px;display:grid}.form-grid label{color:#68748a;flex-direction:column;gap:6px;font-size:9px;font-weight:700;display:flex}.form-grid input,.form-grid select,.form-grid textarea{color:#27334d;background:#fff;border:1px solid #dfe5ef;border-radius:6px;outline:none;width:100%;padding:10px;font:10px DM Sans}.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus{border-color:#4568c5;box-shadow:0 0 0 3px #4568c51a}.form-grid textarea{resize:vertical;min-height:76px}.span-two{grid-column:span 2}.modal-actions{border-top:1px solid #edf0f5;justify-content:flex-end;gap:9px;margin-top:22px;padding-top:15px;display:flex}.toast{color:#fff;z-index:80;background:#102b7e;border-radius:8px;align-items:center;gap:9px;padding:13px 17px;font-size:11px;display:flex;position:fixed;bottom:24px;right:25px;box-shadow:0 7px 25px #071b6840}.toast svg{color:#80e2b6}@media (width<=1100px){.content{padding:25px 22px}.topbar{padding:0 22px}.quick-grid{grid-template-columns:repeat(3,1fr)}.metric-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=760px){.sidebar{transition:transform .2s;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.close-mobile{color:#fff;background:0 0;border:0;margin-left:auto;display:block}.main{width:100%;margin-left:0}.topbar{height:60px;padding:0 15px}.hamburger{color:#1d2b4a;background:0 0;border:0;place-items:center;margin-right:10px;padding:4px;display:grid}.crumb{margin-right:auto}.top-actions{gap:10px}.top-actions .outline-btn{padding:9px;font-size:0}.top-actions .outline-btn svg{width:17px}.top-user{padding-left:9px}.top-user>div:not(.avatar),.top-user>svg{display:none}.content{padding:22px 15px}.page-heading{flex-direction:column;align-items:flex-start}.page-heading h1{font-size:22px}.metric-grid{gap:9px}.metric{min-height:126px;padding:13px}.metric strong{font-size:22px}.quick-grid{grid-template-columns:repeat(2,1fr)}.quick-card{min-height:105px}.bottom-grid,.settings-grid{grid-template-columns:1fr}.footer{flex-direction:column;gap:8px;padding:13px 15px}.date-pill{font-size:9px}.table-section{margin-top:24px}.section{margin-top:23px}}@media (width<=420px){.metric-grid{grid-template-columns:1fr 1fr}.metric-top{font-size:9px}.metric strong{font-size:19px}.metric>small{font-size:8px}.quick-grid{gap:8px}.form-grid{grid-template-columns:1fr}.span-two{grid-column:auto}.modal{padding:18px}.topbar .crumb{font-size:9px}}
