@import url("https://fonts.googleapis.com/css2?family=Heebo:wght@400;500;600;700;800&display=swap");.logout-btn{width:32px;height:32px;border:1px solid #3d5365;background:#20384b;color:#b9c5cd;border-radius:8px;display:grid;place-items:center;cursor:pointer}.logout-btn:hover{background:#c75454;border-color:#c75454;color:#fff}.management-top{display:flex;align-items:center;justify-content:space-between}.quick-create{padding:12px;display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}.quick-create input{height:39px;border:1px solid #dce1dd;border-radius:8px;padding:0 10px;font-family:inherit;min-width:120px;flex:1 1}.danger-action{border:0;background:#fff0ef;color:#b74646;border-radius:7px;padding:6px 10px;font-family:inherit;display:inline-flex;align-items:center;gap:5px;cursor:pointer}.error{background:#fff0ef;color:#a94343;padding:10px;border-radius:8px}:root{--navy:#142638;--ink:#1d2c3a;--muted:#71808e;--line:#e6e8e4;--bg:#f4f5f2;--paper:#fff;--blue:#3175d4;--teal:#1a9b82;--purple:#7758c8;--amber:#d59029;--red:#d95454}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Heebo,Arial,sans-serif}.app-shell{min-height:100vh;display:flex}.sidebar{width:254px;background:var(--navy);color:#fff;position:fixed;right:0;top:0;bottom:0;padding:22px 16px;display:flex;flex-direction:column;z-index:20}.brand{height:52px;display:flex;align-items:center;gap:11px;padding:0 8px}.brand-mark{width:38px;height:38px;background:#e7a23a;border-radius:11px;display:grid;place-items:center;color:#fff;transform:rotate(-5deg)}.brand>div:nth-child(2){display:flex;flex-direction:column}.brand b{font-size:24px;line-height:23px}.brand span{font-size:10px;color:#9eabb6}.company{margin:21px 0 17px;background:#1e3448;border:1px solid #2d4356;border-radius:12px;padding:11px;display:flex;align-items:center;gap:9px}.company-logo{width:32px;height:32px;border-radius:8px;background:#dbe7ed;color:#20394d;display:grid;place-items:center;font-weight:800}.company>div:nth-child(2){display:flex;flex-direction:column;flex:1 1}.company b{font-size:12px}.company span{font-size:10px;color:#93a3b0}.sidebar nav{display:flex;flex-direction:column;gap:3px}.sidebar nav button{font-family:inherit;border:0;background:transparent;color:#aebbc5;height:43px;border-radius:9px;display:flex;align-items:center;gap:12px;padding:0 13px;cursor:pointer;font-size:13px}.sidebar nav button.active,.sidebar nav button:hover{background:#243c51;color:#fff}.sidebar nav button.active{box-shadow:inset -3px 0 #e7a23a}.sidebar nav em{font-style:normal;background:#de9a32;color:#fff;border-radius:10px;font-size:10px;padding:1px 7px;margin-right:auto}.sidebar nav i{width:7px;height:7px;background:#e05f5f;border-radius:50%;margin-right:auto}.side-bottom{margin-top:auto}.help-card{background:linear-gradient(145deg,#27465c,#1e3548);padding:14px;border-radius:12px;margin-bottom:16px}.help-card div{font-size:13px;font-weight:700}.help-card span{font-size:10px;color:#acbbc5;display:block;margin:4px 0 10px}.help-card button{border:1px solid #52697b;background:transparent;color:#fff;border-radius:7px;font-family:inherit;font-size:10px;padding:5px 10px}.user{display:flex;gap:9px;align-items:center;padding:5px}.avatar,.mini-avatar{border-radius:50%;background:#e7d8bd;color:#815a20;display:grid;place-items:center;font-weight:700}.avatar{width:35px;height:35px}.user>div:nth-child(2){display:flex;flex-direction:column;flex:1 1}.user b{font-size:12px}.user span{font-size:10px;color:#9aacb9}main{margin-right:254px;width:calc(100% - 254px)}header{height:75px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 30px;gap:14px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.head-title{display:flex;flex-direction:column;min-width:170px}.head-title span{font-size:10px;color:#99a2aa}.head-title b{font-size:16px}.global-search{height:39px;background:#f4f5f3;border:1px solid #e3e6e2;border-radius:9px;display:flex;align-items:center;padding:0 12px;max-width:420px;flex:1 1;margin:auto}.global-search input,.input input{border:0;background:transparent;outline:0;font-family:inherit;width:100%;padding:0 9px}.global-search kbd{display:flex;align-items:center;gap:3px;color:#8c969e;border:1px solid #d8dcda;background:#fff;padding:2px 6px;border-radius:5px;font-size:10px}.hamb,.icon-btn{width:39px;height:39px;background:#fff;border:1px solid #dde1df;border-radius:9px;display:grid;place-items:center;position:relative}.icon-btn i{position:absolute;top:7px;right:8px;width:6px;height:6px;background:#e35353;border-radius:50%;border:1px solid #fff}.primary{border:0;background:#183449!important;color:#fff!important;height:39px;border-radius:9px;padding:0 16px;display:flex;align-items:center;gap:7px;font-family:inherit;font-weight:600;cursor:pointer}.hamb,.mobile-close{display:none}.content{padding:27px 30px 50px;max-width:1600px;margin:auto}.welcome{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:24px}.page-top h1,.welcome h1{font-size:25px;margin:2px 0;font-weight:700}.page-top p,.welcome p,.welcome>div>span{color:var(--muted);font-size:12px;margin:0}.live{background:#fff;border:1px solid var(--line);padding:8px 11px;border-radius:9px;font-size:11px;display:flex;gap:7px;align-items:center}.live i{width:7px;height:7px;border-radius:50%;background:#28a98b;box-shadow:0 0 0 4px #dff3ee}.live span{color:#9aa4ab;border-right:1px solid #ddd;padding-right:7px}.kpis{grid-template-columns:repeat(4,1fr);grid-gap:13px;gap:13px;margin-bottom:16px}.kpi,.kpis{display:grid}.kpi{background:#fff;border:1px solid var(--line);border-radius:12px;padding:15px;grid-template-columns:40px 1fr;grid-gap:5px 11px;gap:5px 11px}.kpi-icon{grid-row:1/3;width:39px;height:39px;border-radius:10px;display:grid;place-items:center}.kpi-icon.blue{background:#e9f1fc;color:var(--blue)}.kpi-icon.teal{background:#e3f5f1;color:var(--teal)}.kpi-icon.purple{background:#f0ebfa;color:var(--purple)}.kpi-icon.amber{background:#fff2dc;color:var(--amber)}.kpi-top{display:flex;justify-content:space-between;color:var(--muted);font-size:11px}.kpi>b{font-size:25px;line-height:28px}.kpi-foot{grid-column:1/3;display:flex;justify-content:space-between;color:#87929a;font-size:10px;border-top:1px solid #eff0ed;padding-top:9px;margin-top:8px}.kpi-foot em{font-style:normal;font-weight:600}.kpi-foot em.teal{color:var(--teal)}.kpi-foot em.blue{color:var(--blue)}.kpi-foot em.amber{color:var(--red)}.kpi-foot em.purple{color:var(--purple)}.grid-main{display:grid;grid-template-columns:1.05fr .95fr;grid-gap:16px;gap:16px;margin-bottom:16px}.data-card,.panel{background:#fff;border:1px solid var(--line);border-radius:12px}.panel-head{display:flex;justify-content:space-between;padding:16px 18px 10px}.panel-head>div{display:flex;flex-direction:column}.panel-head b{font-size:14px}.panel-head span{font-size:10px;color:var(--muted)}.panel-head button{border:0;background:transparent;color:#45677e;font-family:inherit;font-size:11px;gap:5px}.donut-row,.panel-head button{display:flex;align-items:center}.donut-row{justify-content:center;gap:55px;padding:2px 20px 10px}.donut{width:137px;height:137px;border-radius:50%;background:conic-gradient(var(--purple) 0 50%,var(--teal) 50% 67%,var(--blue) 67% 92%,var(--red) 92%);display:grid;place-items:center;position:relative}.donut:before{content:"";position:absolute;width:95px;height:95px;background:#fff;border-radius:50%}.donut div{z-index:1;display:flex;flex-direction:column;text-align:center}.donut b{font-size:27px}.donut span{font-size:10px;color:var(--muted)}.legend{min-width:130px}.legend div{display:grid;grid-template-columns:10px 1fr auto;align-items:center;grid-gap:7px;gap:7px;font-size:11px;margin:10px 0}.alert-list i,.dispatch-summary i,.legend i{width:7px;height:7px;border-radius:50%}.legend span{color:var(--muted)}.blue{--c:var(--blue)}.teal{--c:var(--teal)}.purple{--c:var(--purple)}.amber{--c:var(--amber)}.red{--c:var(--red)}.dispatch-summary i,.legend i{background:var(--c)}.mini-bars{height:33px;margin:0 25px 15px;display:flex;align-items:end;gap:5px;color:#99a2a8;font-size:8px}.mini-bars i{flex:1 1;background:#dfeaf4;border-radius:2px 2px 0 0;max-height:30px}.map{height:216px;margin:0 13px 13px;background:#eef0eb;position:relative;overflow:hidden;border-radius:9px;background-image:linear-gradient(30deg,#e4e8df 12%,transparent 12.5%,transparent 87%,#e4e8df 87.5%)}.road{position:absolute;height:7px;background:#fff;border:1px solid #d8ddd6;width:130%;transform-origin:center}.r1{top:55%;left:-15%;transform:rotate(-18deg)}.r2{top:31%;left:-10%;transform:rotate(22deg)}.r3{top:70%;left:-12%;transform:rotate(9deg)}.map-dot{position:absolute;width:30px;height:30px;border-radius:50%;background:var(--navy);color:#fff;display:grid;place-items:center;border:3px solid #fff;box-shadow:0 2px 8px #71808e}.map-dot.warn{background:var(--amber)}.city{position:absolute;font-size:9px;color:#71808e}.c1{left:30%;top:15%}.c2{left:38%;top:57%}.c3{left:72%;top:49%}.trip-list{padding:0 15px 9px}.trip-row{display:grid;grid-template-columns:65px 3px 1.5fr 1fr 110px 30px;grid-gap:13px;gap:13px;align-items:center;padding:11px 5px;border-top:1px solid #eff0ed}.time{display:flex;flex-direction:column}.time b{font-size:15px}.time span{font-size:9px;color:#8b969e}.status-line{height:35px;background:var(--c);border-radius:3px}.assignee,.route-info{display:flex;flex-direction:column}.assignee b,.route-info b{font-size:11px}.assignee span,.route-info span{font-size:9px;color:#7d8992;display:flex;align-items:center;gap:3px}.assignee{display:grid;grid-template-columns:30px 1fr;grid-gap:8px;gap:8px}.mini-avatar{width:29px;height:29px;font-size:11px}.pill{background:color-mix(in srgb,var(--c) 11%,#fff);color:var(--c);font-size:9px;border-radius:12px;padding:5px 9px;display:inline-flex;align-items:center;gap:4px;width:max-content;font-weight:600}.dots{border:0;background:transparent;color:#859099}.page-top{margin-bottom:18px}.toolbar{height:54px;border:1px solid var(--line);border-radius:11px;padding:7px;gap:7px;margin-bottom:12px}.card-tools button,.toolbar,.toolbar button{background:#fff;display:flex;align-items:center}.card-tools button,.toolbar button{height:36px;border:1px solid #e0e3e0;border-radius:7px;padding:0 12px;font-family:inherit;color:#5c6c78;gap:6px}.toolbar .spacer{flex:1 1}.segmented{display:flex;background:#f0f2ef;border-radius:7px;padding:3px}.segmented button{border:0;height:29px;background:transparent}.segmented button.active{background:#fff;color:var(--ink);box-shadow:0 1px 3px #ccd2ce}.active-filter{color:var(--ink)!important;border-color:#bfcac3!important}.toolbar button b{background:#eef0ed;border-radius:10px;padding:0 5px}.dispatch-summary{display:flex;gap:24px;padding:3px 8px 12px;color:#687781;font-size:10px}.dispatch-summary span{display:flex;align-items:center;gap:6px}.schedule{background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden}.schedule-head,.schedule-row{display:grid;grid-template-columns:190px 1fr}.schedule-head{height:43px;background:#f8f9f7;border-bottom:1px solid var(--line)}.schedule-head>b{padding:13px 16px;font-size:11px}.schedule-head>span{grid-row:1;display:inline-block;font-size:9px;color:#83909a;padding-top:14px}.schedule-head>span:nth-child(2){grid-column:2;margin-right:0}.schedule-head>span:nth-child(3){grid-column:2;margin-right:16%}.schedule-head>span:nth-child(4){grid-column:2;margin-right:32%}.schedule-head>span:nth-child(5){grid-column:2;margin-right:48%}.schedule-head>span:nth-child(6){grid-column:2;margin-right:64%}.schedule-head>span:nth-child(7){grid-column:2;margin-right:80%}.schedule-head>span:nth-child(8){grid-column:2;margin-right:95%}.schedule-row{height:82px;border-bottom:1px solid #eff0ed}.driver-cell{display:flex;align-items:center;gap:9px;padding:13px;border-left:1px solid var(--line)}.driver-cell>div:last-child{display:flex;flex-direction:column}.driver-cell b{font-size:11px}.driver-cell span{font-size:9px;color:var(--muted)}.track{position:relative;background-image:linear-gradient(270deg,#eef0ed 1px,transparent 0);background-size:16% 100%}.block{position:absolute;top:13px;height:55px;border-right:3px solid var(--c);background:color-mix(in srgb,var(--c) 11%,#fff);color:var(--c);border-radius:6px;padding:7px 9px;overflow:hidden}.block b,.block span{display:block;font-size:10px;white-space:nowrap}.block span{font-size:8px;margin-top:4px;display:flex;gap:4px}.now-line{position:absolute;top:0;bottom:0;right:45%;border-right:1px dashed #de5e5e}.data-card{overflow:hidden}.data-card table{width:100%;border-collapse:collapse;text-align:right}.data-card th{background:#f8f9f7;color:#79858e;font-size:10px;font-weight:500;padding:11px 14px}.data-card td{font-size:11px;padding:13px 14px;border-top:1px solid #eceeeb}.data-card td>span:not(.pill){display:block;color:#88939b;font-size:9px}.entity-stats{display:grid;grid-template-columns:repeat(4,1fr);background:#fff;border:1px solid var(--line);border-radius:11px;margin-bottom:14px}.entity-stats>div{padding:16px 20px;border-left:1px solid var(--line);display:flex;flex-direction:column}.entity-stats>div:last-child{border:0}.entity-stats span{font-size:10px;color:var(--muted)}.entity-stats b{font-size:22px}.card-tools{display:flex;justify-content:space-between;padding:12px}.input{border:1px solid #e0e3e0;border-radius:7px;height:35px;padding:0 10px;width:250px}.input,.name-cell{display:flex;align-items:center}.name-cell{gap:8px}.customer-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:14px;gap:14px}.customer-card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:17px;position:relative;display:flex;flex-direction:column}.customer-logo{width:43px;height:43px;border-radius:10px;background:#e8eef1;color:#31566d;display:grid;place-items:center;font-size:19px;font-weight:700;margin-bottom:12px}.customer-card>button{position:absolute;top:15px;left:13px;border:0;background:transparent}.customer-card>b{font-size:14px}.customer-card>span{font-size:10px;color:var(--muted)}.customer-card hr{border:0;border-top:1px solid var(--line);width:100%;margin:14px 0}.customer-card>div:last-child{display:flex;justify-content:space-between}.customer-card>div:last-child span{font-size:9px;color:var(--muted);display:flex;flex-direction:column}.customer-card>div:last-child b{color:var(--ink);font-size:13px}.finance-chart{height:330px}.bars{height:240px;justify-content:space-around;padding:20px 45px}.bars,.bars div{display:flex;align-items:end}.bars div{height:100%;gap:5px;position:relative;width:10%}.bars i{width:45%;background:#254a65;border-radius:4px 4px 0 0}.bars i:nth-child(2){background:#dce6ea}.bars span{position:absolute;bottom:-20px;right:0;font-size:9px;color:var(--muted)}.compliance{display:grid;grid-template-columns:1fr 1fr;grid-gap:15px;gap:15px;margin-bottom:15px}.alert-list,.score{background:#fff;border:1px solid var(--line);border-radius:12px;padding:22px}.score{gap:25px}.ring,.score{display:flex;align-items:center}.ring{width:130px;height:130px;border:12px solid #dff1eb;border-top:12px solid var(--teal);border-radius:50%;flex-direction:column;justify-content:center}.ring b{font-size:29px}.ring span{font-size:9px;color:var(--muted)}.score h2{font-size:18px;margin:0}.score p{font-size:11px;color:var(--muted)}.alert-list>b{font-size:13px}.alert-list>div{display:flex;align-items:center;gap:10px;padding:10px 0;border-top:1px solid var(--line)}.alert-list i{background:var(--c)}.alert-list span{display:flex;flex-direction:column;flex:1 1}.alert-list span b{font-size:10px}.alert-list small{color:var(--muted);font-size:9px}.modal-wrap{position:fixed;inset:0;background:#10233399;z-index:50;display:grid;place-items:center}.modal{width:min(610px,92vw);background:#fff;border-radius:15px;box-shadow:0 25px 70px #0b1c28;padding:20px}.modal-head{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:14px}.modal-head>div{display:flex;flex-direction:column}.modal-head b{font-size:17px}.modal-head span{font-size:10px;color:var(--muted)}.modal-head button{border:0;background:transparent}.form-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:13px;gap:13px;padding:20px 0}.form-grid label{font-size:10px;font-weight:600;display:flex;flex-direction:column;gap:5px}.form-grid .wide{grid-column:1/3}.form-grid input,.form-grid select{height:39px;border:1px solid #dce1dd;border-radius:8px;padding:0 10px;font-family:inherit;background:#fff}.modal-foot{display:flex;justify-content:flex-end;gap:8px;border-top:1px solid var(--line);padding-top:14px}.modal-foot button{height:38px;border:1px solid #dce1dd;background:#fff;border-radius:8px;padding:0 16px;font-family:inherit}.toast{position:fixed;left:25px;bottom:25px;background:#183449;color:#fff;padding:12px 18px;border-radius:10px;display:flex;gap:9px;align-items:center;z-index:60;font-size:12px;box-shadow:0 10px 30px #172b3b66}@media(max-width:1000px){.sidebar{transform:translateX(100%);transition:.25s}.sidebar.open{transform:none}.mobile-close{display:block;margin-right:auto;border:0;background:transparent;color:#fff}.hamb{display:grid}.app-shell main{margin-right:0;width:100%}.grid-main{grid-template-columns:1fr}.customer-grid,.kpis{grid-template-columns:1fr 1fr}.global-search{display:none}.head-title{min-width:0;flex:1 1}.trip-row{grid-template-columns:55px 3px 1fr 90px}.trip-row .assignee,.trip-row .pill{display:none}.compliance{grid-template-columns:1fr}}@media(max-width:650px){header{padding:0 14px}.content{padding:20px 14px}.primary{font-size:0;padding:0 11px}.primary svg{margin:0}.kpis{grid-template-columns:1fr}.welcome{align-items:start}.live{display:none}.donut-row{gap:25px}.customer-grid{grid-template-columns:1fr}.entity-stats{grid-template-columns:1fr 1fr}.entity-stats>div:nth-child(2){border-left:0}.schedule,.toolbar{overflow-x:auto}.schedule-head,.schedule-row{min-width:800px}.data-card{overflow-x:auto}.data-card table{min-width:760px}.compliance{grid-template-columns:1fr}.score{padding:15px}.form-grid{grid-template-columns:1fr}.form-grid .wide{grid-column:auto}}