:root{--ink:#172434;--muted:#738194;--line:#e6ebf0;--navy:#102a43;--blue:#1676d2;--pale:#f5f8fb;--green:#159b72;--gold:#d49013;--red:#d94a54}*{box-sizing:border-box}body{margin:0;background:#f6f8fb;color:var(--ink);font-family:Manrope,Arial,sans-serif;font-size:13px}.sidebar{position:fixed;width:246px;inset:0 auto 0 0;background:#112b45;color:#d7e1ec;display:flex;flex-direction:column;padding:25px 14px}.brand{font-weight:800;font-size:18px;letter-spacing:.4px;display:flex;gap:10px;align-items:center;padding:0 10px 29px;color:white}.brand-mark{background:#f4b41a;color:#112b45;width:25px;height:25px;border-radius:50%;display:grid;place-items:center;font-size:14px}.muted{color:#8298ad;font-weight:600}.workspace{border-top:1px solid #29445c;border-bottom:1px solid #29445c;padding:16px 9px;display:flex;gap:10px;align-items:center;margin-bottom:20px}.workspace small,.profile small{display:block;color:#90a4b8;font-size:9px;letter-spacing:1px;margin-bottom:3px}.workspace strong{font-size:11px;color:white}.presence{width:8px;height:8px;border-radius:50%;background:#45c18d}.workspace>span:last-child{margin-left:auto}.nav-label{font-size:9px;color:#7d93a9;letter-spacing:1.2px;margin:25px 11px 8px}.nav-item{border:0;background:transparent;color:#b8c7d5;width:100%;text-align:left;border-radius:6px;padding:11px 11px;font:600 12px Manrope;display:flex;align-items:center;gap:12px;cursor:pointer;margin:2px 0}.nav-item span{font-size:17px;width:17px;text-align:center}.nav-item b{background:#34516a;color:#eef6fe;margin-left:auto;border-radius:12px;padding:1px 7px;font-size:10px}.nav-item.active,.nav-item:hover{color:#fff;background:#1d425f}.nav-item.active{box-shadow:inset 3px 0 #36a3ef}.profile{margin-top:auto;border-top:1px solid #29445c;padding:18px 8px 0;display:flex;align-items:center;gap:9px}.profile strong{font-size:11px;color:white}.profile button{background:none;border:0;color:#b4c5d4;margin-left:auto}.avatar,.mini-avatar{border-radius:50%;display:grid;place-items:center;font-weight:700}.avatar{width:31px;height:31px;background:#bf713f;color:white;font-size:10px}.profile small{letter-spacing:0;font-size:10px;margin:1px 0}main{margin-left:246px;min-height:100vh;padding:36px 40px 60px;max-width:1600px}header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:32px}.eyebrow{font:500 10px 'DM Mono';letter-spacing:1.1px;color:#718096;margin-bottom:8px}h1{font-size:25px;margin:0 0 6px;letter-spacing:-.8px}h2{font-size:15px;margin:0 0 5px;letter-spacing:-.25px}p{margin:0;color:var(--muted);font-size:11px}.header-actions{display:flex;gap:11px;align-items:center}.icon-button{height:35px;width:35px;background:white;border:1px solid var(--line);border-radius:6px;color:#566a7f;font-size:19px;position:relative}.bell{font-size:16px}.bell i{position:absolute;width:6px;height:6px;background:#e44a53;border-radius:50%;right:8px;top:7px;border:1px solid white}.primary{border:0;border-radius:6px;background:#166fc2;color:white;padding:10px 15px;font:700 11px Manrope;box-shadow:0 2px 3px #dbe9f6;cursor:pointer}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:17px;margin-bottom:33px}.metrics article,.table-card,.panel{background:#fff;border:1px solid var(--line);border-radius:7px;box-shadow:0 1px 1px #e6ecf1}.metrics article{padding:18px}.metric-top{display:flex;justify-content:space-between;align-items:center;color:#718096;font:500 9px 'DM Mono';letter-spacing:.5px}.metric-icon{height:23px;width:23px;display:grid;place-items:center;border-radius:5px;font:bold 13px Manrope}.blue{background:#e4f1ff;color:#1874cf}.green{background:#e5f7ef;color:#159b72}.gold{background:#fff4dc;color:#c8860d}.red{background:#fdebed;color:#d94a54}.metrics strong{font-size:25px;letter-spacing:-1px;display:block;margin:15px 0 6px}.metrics strong span{font-size:15px}.metrics p{font-size:10px}.metrics em{font-style:normal;color:#14996f;font-weight:700}.warning{color:#cf555d!important;font-weight:600}.section-heading,.panel-title{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:15px}.text-button{border:0;background:none;color:#1676d2;font:700 11px Manrope;cursor:pointer}.table-card{overflow:hidden}table{border-collapse:collapse;width:100%}th{text-align:left;background:#fafbfd;color:#7c8a99;font:500 9px 'DM Mono';letter-spacing:.6px;padding:12px 17px;border-bottom:1px solid var(--line)}td{padding:14px 17px;border-bottom:1px solid #edf1f4;color:#49586a;font-size:11px;white-space:nowrap}tbody tr:last-child td{border:0}td strong{font-size:11px;color:#253547}td small{display:block;color:#98a3af;font-size:9px;margin-top:3px}.route{color:#a2afba;padding:0 8px}.driver{display:flex;align-items:center;gap:7px}.mini-avatar{height:23px;width:23px;font-size:8px;color:white}.a1{background:#8b6aaf}.a2{background:#3f8896}.a3{background:#e4e8ec;color:#94a0ac}.a4{background:#b47649}.status{font-weight:700;font-size:10px}.transit{color:#1473c8}.pickup{color:#b4770f}.attention{color:#d34d55}.lower-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:18px;margin-top:21px}.panel{padding:19px}.panel select{font:600 10px Manrope;color:#667789;border:1px solid var(--line);background:white;border-radius:4px;padding:5px}.chart{height:180px;border-top:1px solid #ecf0f3;border-bottom:1px solid #ecf0f3;display:flex;padding:10px 0 0}.y-axis{width:36px;display:flex;flex-direction:column;justify-content:space-between;padding-bottom:23px;color:#97a5b3;font:9px 'DM Mono'}.bars{flex:1;display:flex;align-items:flex-end;justify-content:space-around;background:repeating-linear-gradient(to bottom,transparent 0,transparent 48px,#edf1f4 49px,transparent 50px);padding:0 12px}.bars div{height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;width:35px}.bars i{width:24px;background:#9fc7e9;border-radius:3px 3px 0 0}.bars .current{background:#1d79ca}.bars span{font:9px 'DM Mono';color:#8795a3;margin-top:7px}.count{background:#fff0ed;color:#d5554e;border-radius:10px;padding:2px 7px;font:700 10px Manrope}.attention-item{display:flex;align-items:center;gap:10px;padding:11px 0;border-top:1px solid #edf1f4}.attention-item strong{font-size:10px}.attention-item p{font-size:9px;margin-top:3px}.attention-item button{margin-left:auto;border:0;background:none;color:#718394;font-size:17px}.alert{height:25px;width:25px;border-radius:5px;background:#fff0ed;color:#d94a54;display:grid;place-items:center;font-weight:800}.doc{background:#fff5df;color:#bd831d}.cash{background:#e6f6ed;color:#14976e}.view{display:none}.active-view{display:block}.placeholder{background:#fff;border:1px solid var(--line);border-radius:8px;padding:35px;min-height:250px}.placeholder h2{font-size:20px}.placeholder p{margin:8px 0 25px}.modal-backdrop{display:none;position:fixed;inset:0;background:#102a4388;align-items:center;justify-content:center;z-index:2}.modal-backdrop.open{display:flex}.modal{background:white;border-radius:9px;padding:28px;width:470px;position:relative;box-shadow:0 15px 45px #06132155}.modal h2{font-size:21px}.modal>p{margin:7px 0 22px}.close{position:absolute;right:17px;top:14px;border:0;background:none;font-size:23px;color:#718096}.modal label{display:block;font-size:10px;font-weight:700;color:#536577;margin:14px 0 0}.modal input,.modal select{width:100%;border:1px solid #dfe6ed;border-radius:5px;padding:10px;margin-top:6px;font:12px Manrope;color:#394b5e}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:13px}.full{width:100%;margin-top:22px}@media(max-width:1000px){.metrics{grid-template-columns:repeat(2,1fr)}.lower-grid{grid-template-columns:1fr}.sidebar{width:205px}main{margin-left:205px;padding:28px 22px}td:nth-child(2),th:nth-child(2),td:nth-child(6),th:nth-child(6){display:none}}@media(max-width:700px){.sidebar{display:none}main{margin:0;padding:22px 14px}header{display:block}.header-actions{margin-top:15px}.metrics{grid-template-columns:1fr 1fr;gap:9px}.metrics article{padding:13px}.metrics strong{font-size:20px}.table-card{overflow:auto}.modal{width:calc(100% - 25px)}}