:root{--sl-bg:#f5f7fb;--sl-border:#e6e9ef;--sl-text:#172033;--sl-muted:#667085;--sl-accent:#0f6fff;--sl-sidebar:#111827}*{box-sizing:border-box}body{margin:0;background:var(--sl-bg);color:var(--sl-text);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:240px;background:var(--sl-sidebar);padding:18px 14px;z-index:1040}.brand{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;font-weight:700;padding:8px 10px 24px}.brand img{width:34px;height:34px;object-fit:contain}.sidebar nav{display:grid;gap:4px}.sidebar nav a{display:flex;align-items:center;gap:11px;padding:10px 12px;border-radius:9px;color:#cbd5e1;text-decoration:none;font-size:.95rem}.sidebar nav a:hover{background:#1f2937;color:#fff}.sidebar nav i{width:18px}.content{margin-left:240px;min-height:100vh}.topbar{height:64px;background:#fff;border-bottom:1px solid var(--sl-border);display:flex;align-items:center;padding:0 26px}.page-wrap{padding:26px}.page-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px}.page-heading h1{font-size:1.55rem;margin:0 0 4px}.page-heading p{margin:0;color:var(--sl-muted)}.card{border:1px solid var(--sl-border);border-radius:14px;box-shadow:0 1px 2px rgba(16,24,40,.03)}.stat-card .value{font-size:1.8rem;font-weight:700}.text-muted2{color:var(--sl-muted)}.table>:not(caption)>*>*{padding:.85rem .75rem}.badge-soft-success{background:#ecfdf3;color:#027a48}.badge-soft-warning{background:#fffaeb;color:#b54708}.badge-soft-danger{background:#fef3f2;color:#b42318}.badge-soft-info{background:#eff8ff;color:#175cd3}.driver-app{min-height:100vh;background:#f4f6fa;display:flex;justify-content:center}.driver-phone{width:min(100%,430px);padding:18px}.driver-route-btn{min-height:68px;font-weight:700}.current-route{background:#111827;color:#fff;border-radius:18px;padding:24px}.empty-state{padding:44px 20px;text-align:center;color:var(--sl-muted)}@media(max-width:991px){.sidebar{transform:translateX(-100%);transition:.2s}.sidebar.show{transform:translateX(0)}.content{margin-left:0}.page-wrap{padding:18px}}

:root{--sl-bg:#f3f6f6;--sl-text:#163a3d;--sl-muted:#728285;--sl-accent:#147d72;--sl-sidebar:#103f41;--bs-primary:#147d72;--bs-link-color:#147d72}
.sidebar{width:244px;background:linear-gradient(175deg,#12494b,#0b3033);padding:24px 14px}.brand{font-size:16px;letter-spacing:-.4px;padding-bottom:36px}.brand img{border-radius:10px}.sidebar nav a{padding:12px 14px;margin:2px 0;color:#b3cecd;font-size:14px}.sidebar nav a:hover,.sidebar nav a.active{background:#ffffff16;color:#fff}.sidebar nav a.active{box-shadow:inset 3px 0 #75ddc5}.content{margin-left:244px}.topbar{height:76px;background:#ffffffdc}.page-wrap{padding:30px 34px;max-width:1800px;margin:auto}.page-heading{margin-bottom:28px}.page-heading h1{font-weight:750;font-size:1.8rem;letter-spacing:-.7px}.page-heading p{font-size:14px}.card{border-color:#e2e9e8;box-shadow:0 3px 15px #204b4804;border-radius:15px;overflow:hidden}.card-header,.card-footer{border-color:#e8eeed}.card-body{padding:24px}.stat-card .value{font-size:2.1rem;color:#153f40;margin-top:8px}.table{font-size:13px}.table thead th{font-size:11px;font-weight:650;text-transform:uppercase;letter-spacing:.6px;background:#f6f9f8;color:#758784;padding:15px}.table td{border-color:#edf1f0}.btn{border-radius:9px;font-weight:600;font-size:13px;padding:10px 16px}.btn-primary{--bs-btn-bg:#147d72;--bs-btn-border-color:#147d72;--bs-btn-hover-bg:#0c625a;--bs-btn-hover-border-color:#0c625a;--bs-btn-active-bg:#0c625a;--bs-btn-active-border-color:#0c625a}.btn-outline-primary{--bs-btn-color:#147d72;--bs-btn-border-color:#94bcb5;--bs-btn-hover-bg:#147d72;--bs-btn-hover-border-color:#147d72;--bs-btn-active-bg:#147d72}.list-group-item.active{background:#147d72;border-color:#147d72}.form-control,.form-select{border-color:#dce5e2;border-radius:8px;font-size:14px;padding:10px 12px}.form-label{font-size:12px;color:#657976;font-weight:600}.current-route{background:linear-gradient(130deg,#147d72,#103f41)}.driver-app{background:#ecf3f1}.driver-phone{padding-top:30px}.badge{padding:7px 9px;border-radius:6px}.modal-content{border:0;border-radius:18px}.nav-link{color:#147d72}.driver-route-btn{font-size:17px;border-color:#bfd3cd;background:white}.driver-route-btn:active{background:#147d72}
@media(max-width:991px){.content{margin-left:0}.page-wrap{padding:20px 16px}.topbar{padding:0 16px}.page-heading{flex-wrap:wrap}.page-heading h1{font-size:1.5rem}}