:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#263d35;background:#f7f8fa;font-synthesis:none;--green:#245747;--muted:#89928e;--border:#e8ece9}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.6;cursor:wait}a{color:inherit;text-decoration:none}button{color:inherit}button:focus-visible,a:focus-visible,tr:focus-visible{outline:3px solid #95bb90;outline-offset:3px}input:focus,textarea:focus,select:focus{outline:2px solid #98b8a6;outline-offset:1px}h1,h2,h3,p{margin-top:0}.icon{width:20px;height:20px;flex-shrink:0;vertical-align:middle}.muted{color:#7d8882;font-size:14px;line-height:1.6}.eyebrow{font-size:10px;letter-spacing:1.9px;font-weight:700;color:#86938c}.brand{font-family:Georgia,serif;font-size:38px;letter-spacing:-2px;display:block;line-height:1}.brand-dot{color:#9cad6d}.brand small{display:block;font:9px "Segoe UI",sans-serif;letter-spacing:5.5px;margin:12px 0 0 4px;color:#94a39a}.workspace{min-height:100vh;display:flex}.sidebar{width:238px;background:#fff;border-right:1px solid var(--border);padding:38px 22px 0;display:flex;flex-direction:column;position:fixed;inset:0 auto 0 0;z-index:2}.sidebar .brand{margin-left:17px}.workspace-tag{border:1px solid var(--border);border-radius:9px;padding:12px 10px;display:flex;align-items:center;gap:9px;font-size:12px;font-weight:600;margin-top:37px}.workspace-tag small{display:block;font-size:10px;color:#9ba39f;font-weight:400;margin-top:5px}.workspace-symbol{display:grid;place-items:center;background:#f0f3ee;border-radius:6px;width:30px;height:33px;font-family:Georgia,serif;font-size:26px;color:#68845b}.live-dot{width:6px;height:6px;background:#72a181;border-radius:100%;margin-left:auto}.nav-caption{font-size:8px;letter-spacing:1.3px;color:#9da69f;margin:32px 9px 15px}.nav-item{display:flex;width:100%;align-items:center;gap:13px;border:0;background:none;padding:13px 14px;border-radius:7px;margin-bottom:7px;color:#7e8883;font-size:13px;text-align:left}.nav-item.active{background:#eaf0eb;color:var(--green);font-weight:600}.nav-item b{font-size:10px;background:#d7e3d8;border-radius:4px;margin-left:auto;padding:3px 6px}.sidebar-bottom{margin-top:auto}.sidebar-note{background:#f8f9f5;border:1px solid #eef0e8;border-radius:9px;padding:17px 13px;margin:30px 0}.sidebar-note>.icon{display:block;margin-bottom:12px;color:#8e9a79}.sidebar-note strong{font-size:11px}.sidebar-note p{color:#969c90;font-size:10px;line-height:1.7;margin:8px 0 0}.profile{border-top:1px solid var(--border);display:flex;align-items:center;gap:9px;padding:22px 0}.avatar{width:34px;height:34px;border-radius:50%;background:#e9eee5;color:#6b805e;display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;flex-shrink:0}.profile strong{font-size:10px;display:block;max-width:112px}.profile small{font-size:10px;color:#9aa29d;display:block;margin-top:5px}.profile .icon-btn{margin-left:auto}.main-shell{margin-left:238px;width:calc(100% - 238px)}.topbar{height:77px;background:#fff;border-bottom:1px solid var(--border);padding:0 40px;display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#929a95}.topbar>div{display:flex;align-items:center;gap:16px}.topbar .icon{width:13px;height:13px}.topbar strong{font-weight:500;color:#53625a}.top-date{display:flex;align-items:center;gap:8px}.main{max-width:1570px;margin:auto;padding:24px 40px 0}.demo-banner{font-size:10px;display:flex;justify-content:space-between;color:#8b947c;margin:0 0 29px}.demo-banner i{display:inline-block;width:5px;height:5px;border-radius:100%;background:#9fae7a;margin-right:5px}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:29px}.page-heading h1{font-size:34px;letter-spacing:-1px;line-height:1.2;margin:10px 0 10px;font-weight:600}.heading-dot{color:#9cad6d}.page-heading p{color:#929b95;font-size:12px;margin:0;line-height:1.6}.btn{display:inline-flex;justify-content:center;align-items:center;gap:9px;background:white;border:1px solid #dfe5df;border-radius:7px;padding:12px 16px;font-size:12px;font-weight:600;white-space:nowrap;transition:background .15s}.btn:hover{background:#edf3ee}.btn .icon{width:17px;height:17px}.btn.primary{background:var(--green);color:white;border-color:var(--green);box-shadow:0 3px 4px #2457470b}.btn.primary:hover{background:#1a4839}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;margin-bottom:29px}.stat{border:1px solid var(--border);border-radius:10px;background:#fff;padding:18px 20px}.stat>div{display:flex;align-items:center;justify-content:space-between;gap:5px}.stat>div>span:first-child{font-size:11px;color:#828c85}.stat-icon{border-radius:8px;background:#f0f3ef;color:#85977e;width:32px;height:32px;display:grid;place-items:center}.stat-icon .icon{width:17px;height:17px}.stat-icon.amber{background:#fbf5e9;color:#ba9750}.stat-icon.blue{background:#edf3f9;color:#7a99b6}.stat-icon.green{background:#ecf5ee;color:#659c74}.stat>strong{font-size:33px;display:block;font-weight:500;letter-spacing:-1.2px;margin:9px 0 7px}.stat>small{font-size:10px;color:#a1a8a3}.delivery-panel{border:1px solid var(--border);background:white;border-radius:11px;overflow:hidden}.panel-title{padding:22px 23px 18px;display:flex;align-items:center;justify-content:space-between;gap:12px}.panel-title>div{display:flex;align-items:center;gap:10px}.panel-title h2{font-size:15px;margin:0;font-weight:600}.count{font-size:10px;color:#929d94;background:#f0f3ef;padding:3px 6px;border-radius:4px}.date-filter{display:flex;align-items:center;gap:7px;font-size:11px;color:#8b968e}.date-filter .icon{width:15px}.date-filter input{border:0;width:110px;padding:5px;font-size:11px;color:#6b796f;background:#f8faf8;border-radius:4px}.text-btn{border:0;background:none;padding:3px;color:#7d8d7e;font-size:10px}.toolbar{padding:0 23px 18px;display:flex;align-items:center;justify-content:space-between;gap:15px}.tabs{display:flex;gap:3px;flex-wrap:wrap}.tab{font-size:11px;border:none;background:none;color:#949c96;border-radius:5px;padding:8px 10px;white-space:nowrap}.tab.selected{background:#edf2ee;color:#3e6753;font-weight:600}.tab b{font-size:9px;margin-left:6px;background:#e4eade;padding:2px 5px;border-radius:3px}.search{border:1px solid var(--border);border-radius:6px;display:flex;align-items:center;padding:8px 10px;gap:8px;min-width:170px;width:235px}.search .icon{color:#a9b0ab;width:15px;height:15px}.search input{border:0;outline:0;width:100%;font-size:10px;background:none;color:#41584a}.search input::placeholder{color:#a4aba6}.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap}th{font-size:8px;letter-spacing:.9px;font-weight:500;color:#9ba59c;padding:13px 18px;background:#fafbf9;border-top:1px solid #f0f2ee;border-bottom:1px solid var(--border)}td{font-size:11px;padding:20px 18px;border-bottom:1px solid #eff2ee;height:80px}th:first-child,td:first-child{padding-left:24px}tbody tr{cursor:pointer;transition:background .15s}tbody tr:hover{background:#fafcf9}tbody tr:last-child td{border-bottom:0}.order-id{font-size:11px;font-weight:600;display:block;margin-bottom:7px;letter-spacing:.1px}.customer{font-size:10px;color:#8f9990}.address-cell{max-width:310px}.address-cell>span{display:block;max-width:300px;overflow:hidden;text-overflow:ellipsis;font-size:10px}.address-cell small,.time-cell small{display:block;font-size:9px;color:#a0a79f;margin-top:7px;max-width:270px;overflow:hidden;text-overflow:ellipsis}.time-cell>span{font-size:10px}.time-cell small{color:#849387;letter-spacing:.2px}.driver-cell{display:flex;align-items:center;gap:8px;font-size:10px}.avatar.small{width:27px;height:27px;font-size:8px}.a0{background:#f2ece4;color:#a28b6d}.a1{background:#ececf5;color:#8a87a0}.a2{background:#e6eeeb;color:#799589}.assign-btn{border:1px dashed #cbd6c8;border-radius:5px;color:#8b9b80;background:#fbfcf9;padding:6px 9px;font-size:9px;display:flex;align-items:center;gap:5px}.assign-btn .icon{width:12px;height:12px}.badge{font-size:9px;display:inline-flex;align-items:center;gap:5px;padding:6px 8px;border-radius:5px;white-space:nowrap;background:#f4f0e5;color:#aa924d}.badge i{height:4px;width:4px;border-radius:100%;background:currentColor}.badge.assigned{background:#eef0f7;color:#9493b0}.badge.in_transit{background:#edf3fa;color:#7093b7}.badge.delivered{background:#edf5ec;color:#709867}.badge.failed{background:#fbefea;color:#c08d7c}.icon-btn{border:0;background:none;padding:5px;display:inline-flex;color:#9aa79e;border-radius:4px}.icon-btn:hover{background:#edf2ee}.icon-btn .icon{width:16px;height:16px}.table-footer{border-top:1px solid var(--border);padding:16px 24px;font-size:9px;color:#a0aaa1;display:flex;justify-content:space-between}.table-footer span{display:flex;align-items:center;gap:9px}.table-footer .icon{width:12px;height:12px}.below-panel{text-align:center;color:#a9b2a6;font-size:10px;margin:22px 0 35px}.below-panel .icon{width:13px;height:13px;margin-right:5px}footer{border-top:1px solid #e9ede6;display:flex;justify-content:space-between;align-items:center;color:#aab2a6;font-size:8px;letter-spacing:1.3px;padding:20px 0}footer span{letter-spacing:0;font-size:9px}.empty{padding:55px 20px;text-align:center;color:#9ba598}.empty>.icon{width:40px;height:40px;color:#b4c0ad;margin-bottom:18px}.empty h3{font-size:17px;color:#6d826b}.empty p{font-size:12px}.driver-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.driver-card{padding:28px;background:white;border:1px solid var(--border);border-radius:12px}.avatar.large{width:54px;height:54px;font-size:17px;margin-bottom:18px}.driver-card h2{font-size:18px;margin-bottom:8px}.driver-metrics{display:flex;gap:40px;border-block:1px solid var(--border);margin:24px 0;padding:20px 0}.driver-metrics strong{display:block;font-size:25px;font-weight:500}.driver-metrics small{font-size:11px;color:#8e9b90;display:block;margin-top:6px}.analytics-panel{padding:28px;border:1px solid var(--border);border-radius:12px;background:white}.analytics-panel h2{font-size:20px}.distribution{max-width:700px}.distribution-row{display:flex;align-items:center;gap:20px;margin:25px 0}.distribution-row .badge{min-width:105px;justify-content:center}.distribution-row progress{width:100%;height:12px;accent-color:#689574}.distribution-row strong{min-width:30px;font-size:14px}.modal-open{overflow:hidden}.scrim{position:fixed;inset:0;background:#142c2355;backdrop-filter:blur(3px);z-index:10;display:flex;align-items:center;justify-content:center;padding:20px}.modal{background:#fff;border-radius:15px;width:620px;max-height:94vh;overflow:auto;box-shadow:0 20px 80px #172b2330}.modal>header{display:flex;align-items:center;justify-content:space-between;padding:24px 28px;border-bottom:1px solid var(--border);background:white;position:sticky;top:0;z-index:1}.modal h2{margin:8px 0 0;font-size:25px;letter-spacing:-.5px}.modal-body{padding:24px 28px}.modal label,.login-form label{display:flex;flex-direction:column;gap:8px;font-size:12px;font-weight:500;margin-bottom:17px}.modal input,.modal select,.modal textarea,.login-form input{border:1px solid #dce4dc;background:#fcfdfb;border-radius:6px;padding:11px 12px;width:100%;color:#425449;font-size:13px}.modal textarea{resize:vertical;min-height:70px}.modal input::placeholder,.modal textarea::placeholder,.login-form input::placeholder{color:#aab3a7}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.form-grid.three{grid-template-columns:1.4fr 1fr 1fr}.form-section{font-size:10px;color:#9cac8e;border-bottom:1px solid var(--border);padding-bottom:13px;margin:0 0 18px}.form-section span{font-weight:600;color:#566e5c;margin-left:10px;font-size:12px}.form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}.form-error{color:#b34b3f;font-size:12px;line-height:1.6;margin:10px 0}.form-error:empty{display:none}.full{width:100%}.drawer{position:absolute;right:0;top:0;bottom:0;max-height:100%;border-radius:15px 0 0 15px;width:510px}.detail-top{display:flex;align-items:center;justify-content:space-between;color:#8c988d;font-size:11px}.detail-block{padding:25px 0;border-bottom:1px solid var(--border)}.detail-block h3{font-size:19px;line-height:1.5;font-weight:500;margin:10px 0}.detail-block p{font-size:13px;line-height:1.7;margin:10px 0 0;white-space:pre-wrap}.contact-link,.map-link{display:flex;align-items:center;gap:8px;font-size:12px;color:#538b68;margin-top:12px}.contact-link .icon,.map-link .icon{width:16px;height:16px}.notes{display:flex;gap:12px;background:#f7f7f0;padding:15px;border-radius:8px;margin-top:18px;color:#92967d}.notes strong{font-size:11px;color:#777f65}.notes p{margin:5px 0 0;font-size:12px}.assignment{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.assignment select{flex:1;width:auto}.assignment .form-error{width:100%}.status-form{padding:22px;background:#f3f7f0;border-radius:8px;margin-top:22px}.status-form select{margin:14px 0}.history{border:0}.history-item{display:flex;gap:13px;margin-top:22px}.history-item>i{width:7px;height:7px;border-radius:50%;background:#b4c5aa;flex-shrink:0;margin-top:5px}.history-item strong{font-size:11px;font-weight:500;line-height:1.6}.history-item small{display:block;font-size:10px;color:#9da69a;margin-top:6px}[hidden]{display:none!important}#toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%,20px);background:#244b3b;color:white;border-radius:8px;padding:14px 22px;font-size:13px;z-index:30;opacity:0;pointer-events:none;transition:.2s;box-shadow:0 6px 30px #123a282a;max-width:90vw}#toast.visible{opacity:1;transform:translate(-50%,0)}.boot{height:100vh;display:grid;place-content:center;font-family:Georgia,serif;font-size:50px;text-align:center}.boot span{font:13px "Segoe UI",sans-serif;margin-top:20px;color:#87997f}.login{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.login-story{padding:60px 70px;background:#eaf0e6;display:flex;flex-direction:column;justify-content:space-between;min-height:100vh;background-image:radial-gradient(ellipse at 100% 100%,#d5e1c9 0,transparent 65%)}.login-story h1{font-family:Georgia,serif;font-size:clamp(38px,4.2vw,65px);font-weight:400;line-height:1.13;letter-spacing:-2px;margin:25px 0}.login-story p{font-size:15px;line-height:1.8;color:#829078}.login-story>small{font-size:9px;letter-spacing:2px;color:#9aab8f}.route-art{display:flex;align-items:center;margin-top:50px;max-width:350px}.route-art>div{display:flex;flex-direction:column;align-items:center;gap:10px;font-size:10px;color:#839775}.route-art .icon{width:48px;height:48px;padding:12px;background:#f5f8f1;border:1px solid #d6e1ce;border-radius:12px;color:#708b60}.route-art b{flex:1;border-top:1px dashed #a5b69a;align-self:flex-start;margin:24px 9px}.login-form{display:flex;align-items:center;justify-content:center;padding:50px;background:#fff}.login-inner{width:100%;max-width:360px}.login-inner h2{font-size:29px;letter-spacing:-.8px;margin:16px 0 10px}.login-inner>.muted{margin-bottom:30px;font-size:13px}.login-form input{padding:14px}.login-form .btn{padding:14px}.demo-box{border-top:1px solid var(--border);padding-top:26px;margin-top:32px}.demo-box strong{font-size:12px;font-weight:500}.demo-box p{font-size:11px;color:#9aa591;margin:7px 0 16px}.demo-actions{display:flex;gap:10px}.demo-actions .btn{flex:1;padding:11px}.login-help{font-size:12px;color:#9ca995;line-height:1.7;margin-top:25px}
@media(min-width:1500px){td{padding-block:23px}.main{padding-top:30px}.page-heading{margin-bottom:35px}.stats{margin-bottom:35px}.stat{padding:23px}}
@media(max-width:1200px){.sidebar{width:210px;padding-inline:16px}.main-shell{margin-left:210px;width:calc(100% - 210px)}.main{padding-inline:25px}.topbar{padding-inline:25px}.toolbar{flex-wrap:wrap}.search{width:100%}.stat{padding:15px}.stats{gap:10px}.stat>div>span:first-child{font-size:10px}.driver-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:800px){.sidebar{position:relative;width:100%;padding:16px 20px;border-right:0;border-bottom:1px solid var(--border);display:block}.sidebar .brand{font-size:29px;margin:0}.brand small{font-size:7px;letter-spacing:4px;margin-top:6px}.workspace-tag,.nav-caption,.sidebar-note{display:none}.sidebar nav{display:flex;gap:8px;margin-top:20px}.nav-item{width:auto;margin:0;padding:10px 13px}.nav-item .icon{width:17px;height:17px}.sidebar-bottom{position:absolute;right:18px;top:12px}.profile{padding:0;border:0}.profile strong{display:none}.profile small{font-size:10px}.workspace{display:block}.main-shell{width:100%;margin:0}.topbar{height:50px;padding-inline:20px;font-size:10px}.topbar>div{gap:8px}.top-date{font-size:9px}.main{padding:20px 18px 0}.demo-banner{font-size:9px;margin-bottom:25px}.demo-banner>span:last-child{display:none}.page-heading{align-items:flex-start}.page-heading h1{font-size:29px}.page-heading p{font-size:11px;max-width:270px}.page-heading>.btn{font-size:10px;padding:11px;margin-top:25px}.page-heading>.btn .icon{width:13px;height:13px}.stats{grid-template-columns:repeat(2,1fr);gap:10px}.stat{padding:14px}.stat>strong{font-size:28px;margin:4px 0}.stat>small{font-size:9px}.panel-title{padding:18px 15px;flex-wrap:wrap}.toolbar{padding:0 15px 15px;gap:12px}.tab{font-size:10px;padding:8px}.date-filter{margin-left:auto}.table-scroll{overflow:visible}table,tbody{display:block}thead{display:none}tbody tr{display:grid;grid-template-columns:1fr auto;padding:17px 15px;border-top:1px solid var(--border);position:relative;gap:13px}td{display:block;padding:0!important;height:auto;border:0;grid-column:1}.address-cell{grid-row:2;max-width:100%;white-space:normal}.address-cell>span{max-width:none;font-size:12px;line-height:1.5}.address-cell small{font-size:10px}.time-cell{grid-row:3;display:flex;gap:10px;align-items:center}.time-cell small{margin:0;font-size:10px}.time-cell>span{font-size:11px}td:has(.badge){grid-row:1;grid-column:2;align-self:center}td:last-child{position:absolute;right:15px;bottom:16px}.order-id{display:inline-block;margin:0 8px 5px 0;font-size:12px}.customer{display:block;font-size:11px}.driver-cell{font-size:11px}.table-footer{padding:15px;font-size:10px}.table-footer span{display:none}.badge{font-size:9px}.below-panel{margin-block:20px}.driver-grid{grid-template-columns:1fr}.driver-card{padding:23px}.scrim{padding:10px}.modal{max-height:96vh}.modal>header{padding:20px}.modal-body{padding:20px}.drawer{width:100%;border-radius:0}.login{grid-template-columns:1fr}.login-story{min-height:unset;padding:30px}.login-story>div:nth-child(2){margin-top:35px}.login-story h1{font-size:40px;margin:15px 0}.login-story p,.route-art,.login-story>small{display:none}.login-form{padding:35px 25px}.login-inner{max-width:420px}.login-inner h2{font-size:26px}footer{font-size:7px;letter-spacing:.8px}footer span{font-size:8px}.form-grid.three{grid-template-columns:1fr 1fr}.form-grid.three label:first-child{grid-column:1/-1}.form-grid{gap:10px}.detail-top{font-size:10px}}

/* Keep operational details legible on desktop displays. */
@media(min-width:801px){.customer,.address-cell>span,.time-cell>span,.driver-cell{font-size:12px}.address-cell small,.time-cell small{font-size:11px}.order-id{font-size:12px}.badge{font-size:10px}th{font-size:9px}.stat>div>span:first-child{font-size:12px}.stat>small{font-size:11px}.tab{font-size:12px}.search input{font-size:11px}.page-heading p{font-size:13px}.toolbar{flex-wrap:wrap}.search{flex-shrink:0}.address-cell{max-width:280px}}

.suggestions{font-size:12px;color:#68796f;margin:5px 0 12px}.suggestions button{display:block;width:100%;text-align:left;border:1px solid #dce6df;background:#fff;padding:12px}.suggestions button:hover{background:#edf5ef}[hidden]{display:none!important}.map-link{overflow-wrap:anywhere}.modal-body input,.modal-body select{min-width:0}

/* Uppercase FILARETE wordmark. */
.brand{font-size:30px;letter-spacing:1px}.brand small{letter-spacing:4px}