*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #07090F;--bg2: #0D1117;--bg3: #111827;--card: #0F1623;--card2: #141C2E;--card3: #192035;--border:rgba(255,255,255,.06);--border2:rgba(255,255,255,.11);--blue: #2563EB;--blue2:#3B82F6;--blueglow:rgba(37,99,235,.35);--teal: #06B6D4;--teal2:#22D3EE;--green: #10B981;--amber:#F59E0B;--red:#EF4444;--orange:#F97316;--white: #FFFFFF;--g200: #E2E8F0;--g400:#94A3B8;--g600:#475569;--shadow:0 8px 32px rgba(0,0,0,.55);--r:12px;--r2:8px;--r3:6px;--fh:"Space Grotesk",sans-serif;--fb:"Inter",sans-serif;--tr:.18s ease}html{height:100%}body{font-family:var(--fb);background:var(--bg);color:var(--white);min-height:100vh;font-size:14px;line-height:1.6;-webkit-font-smoothing:antialiased}.login-wrap{min-height:100vh;display:grid;grid-template-columns:400px 1fr}.login-left{background:var(--card);border-right:1px solid var(--border);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 36px;position:relative;overflow:hidden}.login-left:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 20%,rgba(37,99,235,.2) 0%,transparent 65%),radial-gradient(ellipse at 80% 90%,rgba(6,182,212,.1) 0%,transparent 50%)}.login-logo-wrap{position:relative;text-align:center;margin-bottom:32px}.login-logo{width:110px;height:110px;border-radius:18px;object-fit:cover;border:2px solid var(--border2);box-shadow:0 0 44px #2563eb47}.login-brand{font-family:var(--fh);font-size:22px;font-weight:700;margin-top:14px}.login-brand span{color:var(--teal2)}.login-tag{color:var(--g400);font-size:12px;margin-top:4px}.login-divider{width:100%;height:1px;background:var(--border);margin:26px 0;position:relative}.login-divider span{position:absolute;left:50%;top:-9px;transform:translate(-50%);background:var(--card);padding:0 10px;font-size:10px;color:var(--g400);letter-spacing:.6px;text-transform:uppercase}.lf-item{display:flex;align-items:center;gap:11px;padding:11px 13px;border-radius:var(--r2);background:#ffffff08;border:1px solid var(--border);margin-bottom:9px}.lf-icon{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.lf-icon.b{background:#2563eb26}.lf-icon.t{background:#06b6d426}.lf-icon.g{background:#10b98126}.lf-icon.a{background:#f59e0b26}.lf-text h4{font-size:13px;font-weight:600;margin-bottom:2px}.lf-text p{font-size:11px;color:var(--g400)}.login-right{display:flex;align-items:center;justify-content:center;padding:48px;background:var(--bg2)}.login-box{width:100%;max-width:440px}.tab-bar{display:flex;background:#ffffff0a;border:1px solid var(--border);border-radius:var(--r);padding:4px;gap:3px;margin-bottom:26px}.tab-btn{flex:1;padding:9px 6px;border:none;background:none;color:var(--g400);cursor:pointer;border-radius:9px;font-size:13px;font-weight:600;font-family:var(--fb);transition:var(--tr);white-space:nowrap}.tab-btn.active{background:var(--blue);color:var(--white)}.tab-btn:hover:not(.active){color:var(--white)}.form-head{margin-bottom:20px}.form-title{font-family:var(--fh);font-size:21px;font-weight:700;margin-bottom:3px}.form-sub{color:var(--g400);font-size:13px}.form-group{margin-bottom:13px}.form-label{display:block;font-size:12px;font-weight:600;color:var(--g200);margin-bottom:5px}.form-label span{color:var(--g400);font-weight:400}.form-input{width:100%;padding:10px 12px;background:#ffffff0a;border:1px solid var(--border2);border-radius:var(--r2);color:var(--white);font-family:var(--fb);font-size:14px;transition:var(--tr);outline:none}.form-input:focus{border-color:var(--blue2);background:#2563eb12;box-shadow:0 0 0 3px #2563eb1a}.form-input::placeholder{color:var(--g400)}select.form-input{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%2394A3B8' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 11px center;padding-right:34px;cursor:pointer;appearance:none}select.form-input option{background:var(--bg3)}textarea.form-input{resize:vertical;min-height:76px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:9px 17px;border:none;border-radius:var(--r2);font-family:var(--fb);font-size:13px;font-weight:600;cursor:pointer;transition:var(--tr);text-decoration:none;white-space:nowrap}.btn-primary{background:linear-gradient(135deg,var(--blue),#1D4ED8);color:var(--white);box-shadow:0 4px 14px var(--blueglow)}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 20px var(--blueglow)}.btn-block{width:100%;padding:12px}.btn-teal{background:linear-gradient(135deg,var(--teal),#0891B2);color:var(--white)}.btn-teal:hover{transform:translateY(-1px)}.btn-outline{background:transparent;border:1px solid var(--border2);color:var(--g200)}.btn-outline:hover{border-color:var(--blue2);color:var(--white);background:#2563eb14}.btn-ghost{background:#ffffff0d;border:1px solid var(--border);color:var(--g400)}.btn-ghost:hover{color:var(--white);background:#ffffff17}.btn-danger{background:#ef44441a;border:1px solid rgba(239,68,68,.25);color:var(--red)}.btn-danger:hover{background:#ef444433}.btn-success{background:#10b9811a;border:1px solid rgba(16,185,129,.25);color:var(--green)}.btn-success:hover{background:#10b98133}.btn-amber{background:#f59e0b1f;border:1px solid rgba(245,158,11,.3);color:var(--amber)}.btn-amber:hover{background:#f59e0b38}.btn-sm{padding:6px 12px;font-size:12px}.btn-xs{padding:4px 9px;font-size:11px}.msg{border-radius:var(--r2);padding:10px 12px;font-size:13px;margin-bottom:13px;display:none;align-items:flex-start;gap:8px}.msg.show{display:flex}.msg-error{background:#ef444417;border:1px solid rgba(239,68,68,.24);color:#fca5a5}.msg-success{background:#10b98117;border:1px solid rgba(16,185,129,.24);color:#6ee7b7}.msg-info{background:#2563eb17;border:1px solid rgba(37,99,235,.24);color:#93c5fd}.msg-warn{background:#f59e0b17;border:1px solid rgba(245,158,11,.24);color:#fde68a}.app-shell{display:grid;grid-template-columns:232px 1fr;grid-template-rows:56px 1fr;min-height:100vh}.topbar{grid-column:1/-1;height:64px;background:var(--card);border-bottom:1px solid var(--border);padding:0 20px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:200}.topbar-left{display:flex;align-items:center;gap:11px}.topbar-logo{width:30px;height:30px;border-radius:7px;object-fit:cover;border:1px solid var(--border2)}.commutex-logo{width:auto;height:44px;border-radius:0;object-fit:contain;max-width:180px;border:none}.topbar-name{font-family:var(--fh);font-size:16px;font-weight:700}.topbar-name span{color:var(--teal2)}.co-pill{background:#06b6d41a;border:1px solid rgba(6,182,212,.2);color:var(--teal2);font-size:11px;font-weight:600;padding:3px 9px;border-radius:20px}.topbar-right{display:flex;align-items:center;gap:9px}.t-avatar{width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,var(--blue),var(--teal));display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;flex-shrink:0}.t-uname{font-size:13px;font-weight:600}.t-urole{font-size:11px;color:var(--g400);text-transform:capitalize}.btn-logout{background:#ffffff0d;border:1px solid var(--border);color:var(--g400);padding:5px 12px;border-radius:var(--r3);cursor:pointer;font-size:12px;font-weight:500;font-family:var(--fb);transition:var(--tr)}.btn-logout:hover{color:var(--red);border-color:#ef44444d}.sidebar{background:var(--card);border-right:1px solid var(--border);padding:14px 9px;overflow-y:auto}.sb-label{font-size:10px;font-weight:700;letter-spacing:1.1px;color:var(--g400);text-transform:uppercase;padding:0 9px;margin:16px 0 5px}.sb-label:first-child{margin-top:0}.sb-item{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:var(--r2);color:var(--g400);cursor:pointer;transition:var(--tr);margin-bottom:1px;font-size:13px;font-weight:500;border:1px solid transparent}.sb-item:hover{background:#ffffff0a;color:var(--white)}.sb-item.active{background:#2563eb21;border-color:#2563eb45;color:var(--blue2)}.sb-icon{font-size:14px;width:17px;text-align:center;flex-shrink:0}.sb-badge{margin-left:auto;background:var(--blue);color:var(--white);font-size:10px;font-weight:700;padding:1px 6px;border-radius:10px}.main-content{padding:22px;overflow-y:auto;background:var(--bg2)}.ph{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:20px;gap:14px}.ph-title{font-family:var(--fh);font-size:19px;font-weight:700}.ph-sub{color:var(--g400);font-size:13px;margin-top:2px}.ph-actions{display:flex;gap:7px;flex-shrink:0}.stats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:13px;margin-bottom:22px}.stat-card{background:var(--card);border:1px solid var(--border);border-radius:var(--r);padding:16px;position:relative;overflow:hidden;transition:var(--tr)}.stat-card:hover{border-color:var(--border2);transform:translateY(-2px)}.stat-card:after{content:"";position:absolute;top:0;left:0;right:0;height:2px}.stat-card.blue:after{background:linear-gradient(90deg,var(--blue),var(--teal))}.stat-card.teal:after{background:linear-gradient(90deg,var(--teal),var(--teal2))}.stat-card.green:after{background:linear-gradient(90deg,var(--green),#34D399)}.stat-card.amber:after{background:linear-gradient(90deg,var(--amber),#FCD34D)}.stat-card.red:after{background:linear-gradient(90deg,var(--red),#F87171)}.stat-icon{width:38px;height:38px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:18px;margin-bottom:11px}.stat-icon.blue{background:#2563eb24}.stat-icon.teal{background:#06b6d424}.stat-icon.green{background:#10b98124}.stat-icon.amber{background:#f59e0b24}.stat-icon.red{background:#ef444424}.stat-val{font-family:var(--fh);font-size:24px;font-weight:700;line-height:1;margin-bottom:3px}.stat-lbl{font-size:12px;color:var(--g400);font-weight:500}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--r);overflow:hidden;margin-bottom:16px}.card-header{padding:14px 18px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.card-title{font-family:var(--fh);font-size:14px;font-weight:600}.card-body{padding:16px 18px}.card-meta{font-size:12px;color:var(--g400)}.tbl-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse}thead tr{border-bottom:1px solid var(--border)}th{text-align:left;padding:10px 14px;font-size:11px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;color:var(--g400)}tbody tr{border-bottom:1px solid var(--border);transition:var(--tr)}tbody tr:last-child{border-bottom:none}tbody tr:hover{background:#ffffff05}td{padding:11px 14px;font-size:13px;vertical-align:middle}.badge{display:inline-flex;align-items:center;gap:4px;padding:3px 9px;border-radius:20px;font-size:11px;font-weight:600;white-space:nowrap}.badge:before{content:"";width:5px;height:5px;border-radius:50%;flex-shrink:0}.badge-pending{background:#f59e0b1a;color:var(--amber);border:1px solid rgba(245,158,11,.22)}.badge-pending:before{background:var(--amber)}.badge-confirmed{background:#10b9811a;color:var(--green);border:1px solid rgba(16,185,129,.22)}.badge-confirmed:before{background:var(--green)}.badge-cancelled{background:#ef44441a;color:var(--red);border:1px solid rgba(239,68,68,.22)}.badge-cancelled:before{background:var(--red)}.badge-completed{background:#06b6d41a;color:var(--teal2);border:1px solid rgba(6,182,212,.22)}.badge-completed:before{background:var(--teal2)}.badge-active{background:#10b9811a;color:var(--green);border:1px solid rgba(16,185,129,.22)}.badge-active:before{background:var(--green)}.badge-superadmin{background:#2563eb1f;color:var(--blue2);border:1px solid rgba(37,99,235,.25)}.badge-superadmin:before{background:var(--blue2)}.badge-companyadmin{background:#06b6d41a;color:var(--teal2);border:1px solid rgba(6,182,212,.22)}.badge-companyadmin:before{background:var(--teal2)}.badge-pickup{background:#2563eb1f;color:var(--blue2);border:1px solid rgba(37,99,235,.28)}.badge-pickup:before{background:var(--blue2)}.badge-drop{background:#f973161a;color:var(--orange);border:1px solid rgba(249,115,22,.28)}.badge-drop:before{background:var(--orange)}.overlay{position:fixed;inset:0;background:#000000bd;backdrop-filter:blur(5px);z-index:500;display:none;align-items:center;justify-content:center;padding:20px}.overlay.open{display:flex}.modal{background:var(--card2);border:1px solid var(--border2);border-radius:var(--r);width:100%;max-width:520px;max-height:90vh;display:flex;flex-direction:column;box-shadow:var(--shadow);animation:mIn .2s ease;overflow:hidden}@keyframes mIn{0%{opacity:0;transform:scale(.95) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-head{padding:16px 20px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;background:var(--card2);z-index:1}body.modal-open{overflow:hidden}.modal-title{font-family:var(--fh);font-size:15px;font-weight:700}.modal-close{width:27px;height:27px;border-radius:6px;background:#ffffff0f;border:1px solid var(--border);color:var(--g400);cursor:pointer;font-size:17px;display:flex;align-items:center;justify-content:center;transition:var(--tr)}.modal-close:hover{color:var(--red);border-color:#ef44444d}.modal-body{padding:16px 20px 22px;overflow-y:auto;-webkit-overflow-scrolling:touch;flex:1}#toast-wrap{position:fixed;top:16px;right:16px;z-index:9999;display:flex;flex-direction:column;gap:7px}.toast{background:var(--card2);border:1px solid var(--border2);border-radius:var(--r2);padding:11px 15px;font-size:13px;min-width:230px;max-width:310px;box-shadow:var(--shadow);display:flex;align-items:center;gap:8px;animation:tIn .22s ease}@keyframes tIn{0%{opacity:0;transform:translate(14px)}to{opacity:1;transform:translate(0)}}.toast.success{border-left:3px solid var(--green)}.toast.error{border-left:3px solid var(--red)}.toast.info{border-left:3px solid var(--blue)}.empty{text-align:center;padding:44px 20px;color:var(--g400)}.empty-icon{font-size:42px;margin-bottom:12px;opacity:.45}.empty-title{font-size:15px;font-weight:600;color:var(--g200);margin-bottom:5px}.empty-sub{font-size:13px}.spinner{width:28px;height:28px;border-radius:50%;border:3px solid rgba(255,255,255,.1);border-top-color:var(--blue);animation:spin .65s linear infinite;margin:0 auto}@keyframes spin{to{transform:rotate(360deg)}}.loading{display:flex;align-items:center;justify-content:center;padding:36px}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:14px}.grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}.actions{display:flex;gap:5px;align-items:center}code.plate{background:#ffffff0f;padding:3px 7px;border-radius:5px;font-size:12px;font-family:monospace;letter-spacing:.5px}.hint{background:#06b6d412;border:1px solid rgba(6,182,212,.18);border-radius:var(--r2);padding:10px 13px;font-size:12px;color:var(--teal2);margin-bottom:13px}.hint-warn{background:#f59e0b12;border:1px solid rgba(245,158,11,.18);border-radius:var(--r2);padding:10px 13px;font-size:12px;color:var(--amber);margin-bottom:13px}.co-card{background:var(--card);border:1px solid var(--border);border-radius:var(--r);padding:18px;margin-bottom:18px;display:flex;align-items:flex-start;gap:16px}.co-initials{width:50px;height:50px;border-radius:11px;flex-shrink:0;background:linear-gradient(135deg,var(--blue),var(--teal));display:flex;align-items:center;justify-content:center;font-family:var(--fh);font-size:19px;font-weight:700}.co-name{font-family:var(--fh);font-size:17px;font-weight:700;margin-bottom:4px}.co-meta{display:flex;flex-wrap:wrap;gap:14px;margin-top:7px}.co-meta-item{display:flex;align-items:center;gap:5px;font-size:12px;color:var(--g400)}.co-meta-item span{color:var(--g200);font-weight:500}.shift-row{display:flex;align-items:flex-start;gap:10px;background:#ffffff08;border:1px solid var(--border);border-radius:var(--r2);padding:13px;margin-bottom:9px}.shift-row-num{width:22px;height:22px;border-radius:50%;background:var(--blue);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;flex-shrink:0;margin-top:1px}.shift-row-fields{flex:1;display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px}.shift-row-del{background:#ef44441a;border:1px solid rgba(239,68,68,.22);color:var(--red);border-radius:var(--r3);padding:4px 9px;cursor:pointer;font-size:12px;font-family:var(--fb);transition:var(--tr);flex-shrink:0;align-self:flex-start;margin-top:1px}.shift-row-del:hover{background:#ef444433}.shift-pill{display:inline-flex;align-items:center;gap:5px;background:#2563eb1a;border:1px solid rgba(37,99,235,.25);color:var(--blue2);border-radius:20px;font-size:11px;font-weight:600;padding:3px 10px}.booking-day{background:var(--card);border:1px solid var(--border);border-radius:var(--r);overflow:hidden;margin-bottom:14px}.booking-day-head{padding:13px 16px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.booking-day-title{font-weight:600;font-size:14px}.booking-day-sub{font-size:12px;color:var(--g400)}.booking-day-body{padding:10px 14px 14px}.shift-select-grid{display:grid;gap:14px}.shift-select-card{background:#ffffff0a;border:1.5px solid rgba(255,255,255,.1);border-radius:var(--r);padding:16px;cursor:default;transition:all .2s ease;box-shadow:0 2px 8px #0003}.shift-select-card:hover{border-color:#ffffff2e;background:#ffffff0f}.shift-select-card.has-default{border-color:#0066e666;background:#0066e60f;box-shadow:0 2px 12px #0066e626}.shift-select-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.shift-select-name{font-weight:700;font-size:15px;color:var(--white)}.shift-times{display:flex;gap:14px;margin-bottom:14px}.shift-time-block{display:flex;flex-direction:column;gap:3px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:var(--r2);padding:10px 12px}.shift-time-label{font-size:10px;font-weight:700;letter-spacing:.7px;text-transform:uppercase;color:#fff6}.shift-time-val{font-size:15px;font-weight:800;color:var(--white)}.shift-actions{display:flex;gap:10px}.leg-btn{flex:1;padding:14px 10px;border:2px solid rgba(255,255,255,.1);border-radius:var(--r2);background:#ffffff0a;cursor:pointer;transition:all .18s ease;font-family:var(--fb);display:flex;flex-direction:column;align-items:center;gap:5px;color:#ffffff80;position:relative;overflow:hidden}.leg-btn:hover{border-color:#ffffff40;background:#ffffff14;color:var(--white);transform:translateY(-1px)}.leg-btn .leg-icon{font-size:24px;line-height:1}.leg-btn .leg-label{font-size:12px;font-weight:800;letter-spacing:.6px;text-transform:uppercase}.leg-btn .leg-time{font-size:11px;font-weight:500;color:#ffffff80}.leg-btn.booked-pickup{border-color:#0066e699;background:linear-gradient(135deg,#0050c859,#0066e633);color:#60a5fa;cursor:default;box-shadow:0 0 0 1px #0066e64d inset}.leg-btn.booked-pickup .leg-icon{filter:drop-shadow(0 0 6px rgba(0,102,230,.8))}.leg-btn.booked-pickup .leg-time{color:#60a5fabf}.leg-btn.booked-drop{border-color:#f59e0b99;background:linear-gradient(135deg,#b4640059,#f59e0b33);color:#fbbf24;cursor:default;box-shadow:0 0 0 1px #f59e0b4d inset}.leg-btn.booked-drop .leg-icon{filter:drop-shadow(0 0 6px rgba(245,158,11,.7))}.leg-btn.booked-drop .leg-time{color:#fbbf24bf}.trip-card{background:var(--card);border:1px solid var(--border);border-radius:var(--r);padding:14px 16px;margin-bottom:9px;display:flex;align-items:flex-start;justify-content:space-between;gap:12px;transition:var(--tr)}.trip-card:hover{border-color:var(--border2)}.trip-card.today{border-color:#2563eb47;background:#2563eb0d}.trip-name{font-weight:600;font-size:13px;margin-bottom:3px}.trip-route{font-size:12px;color:var(--g400);line-height:1.5}.trip-right{display:flex;flex-direction:column;align-items:flex-end;gap:5px;flex-shrink:0}.today-pill{display:inline-flex;align-items:center;gap:3px;background:#2563eb2e;color:var(--blue2);border:1px solid rgba(37,99,235,.35);border-radius:20px;font-size:10px;font-weight:700;padding:2px 7px}@media(max-width:900px){.login-wrap{grid-template-columns:1fr}.login-left{display:none}.app-shell{grid-template-columns:1fr 0}.sidebar{width:0;padding:0;overflow:hidden;border:none}.grid-2,.grid-3{grid-template-columns:1fr}.shift-row-fields{grid-template-columns:1fr 1fr}}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff17;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#ffffff2e}.run-card{background:var(--card);border:1px solid var(--border);border-radius:var(--r);overflow:hidden;margin-bottom:14px;transition:var(--tr)}.run-card:hover{border-color:var(--border2)}.run-card.run-done{border-color:#10b98133;background:#10b98108;opacity:.75}.run-card-header{padding:16px 20px;display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid var(--border);flex-wrap:wrap}.run-card-body{padding:14px 20px 18px}.billing-card{background:var(--card);border:1px solid var(--border);border-radius:var(--r);overflow:hidden;margin-bottom:12px;transition:var(--tr)}.billing-card:hover{border-color:var(--border2);box-shadow:0 2px 12px #0000004d}.billing-card-header{padding:16px 20px;display:flex;align-items:flex-start;justify-content:space-between;gap:16px;border-bottom:1px solid var(--border);flex-wrap:wrap}.billing-card-body{padding:14px 20px 18px}.filter-bar{margin-bottom:16px}.filter-body{padding:16px 18px 18px;border-top:1px solid var(--border)}.filter-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:12px;align-items:end}@media(max-width:700px){.filter-grid{grid-template-columns:1fr 1fr}}.invoice-layout{display:grid;grid-template-columns:1fr 280px;gap:16px;align-items:start}.invoice-left{min-width:0}.invoice-right{position:sticky;top:74px}@media(max-width:900px){.invoice-layout{grid-template-columns:1fr}.invoice-right{position:static}}.inv-date-group{margin-bottom:4px}.inv-date-header{padding:8px 14px 6px;background:#ffffff05;border-bottom:1px solid var(--border);position:sticky;top:0;z-index:2;backdrop-filter:blur(4px)}.inv-trip-row{display:flex;align-items:flex-start;gap:12px;padding:12px 14px;border-bottom:1px solid var(--border);cursor:pointer;transition:var(--tr)}.inv-trip-row:hover{background:#ffffff08}.inv-trip-row--sel{background:#2563eb12;border-left:3px solid var(--blue)}.inv-trip-info{flex:1;min-width:0}.inv-summary-row{display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--border)}.inv-summary-row:last-of-type{border-bottom:none}.inv-summary-label{font-size:13px;color:var(--g400)}.inv-summary-val{font-family:var(--fh);font-size:22px;font-weight:800}.inv-summary-val.blue{color:var(--blue2)}.inv-summary-val.green{color:var(--green)}.call-btn{background:linear-gradient(135deg,#059669,#047857);border:none;color:#fff;padding:6px 12px;border-radius:var(--r3);font-size:12px;font-weight:700;cursor:pointer;font-family:var(--fb);transition:var(--tr);display:inline-flex;align-items:center;gap:4px;white-space:nowrap;box-shadow:0 2px 8px #05966959;text-decoration:none}.call-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #05966980}.call-btn:disabled{opacity:.65;cursor:not-allowed;transform:none}.call-tel-link{background:linear-gradient(135deg,#059669,#047857);color:#fff;padding:6px 12px;border-radius:var(--r3);font-size:12px;font-weight:700;font-family:var(--fb);display:inline-flex;align-items:center;gap:4px;white-space:nowrap;text-decoration:none;box-shadow:0 2px 8px #05966959;transition:var(--tr);letter-spacing:.3px}.call-tel-link:hover{transform:translateY(-1px);box-shadow:0 4px 12px #05966980;color:#fff}.run-map-section{border-top:1px solid var(--border);padding:14px 20px 0}.route-strip{display:flex;align-items:center;flex-wrap:wrap;gap:4px;margin-bottom:12px;font-size:12px;font-weight:500}.route-stop{display:inline-flex;align-items:center;padding:4px 10px;border-radius:20px;white-space:nowrap;max-width:180px;overflow:hidden;text-overflow:ellipsis}.route-stop.pickup{background:#2563eb1f;color:var(--blue2);border:1px solid rgba(37,99,235,.25)}.route-stop.dest,.route-stop.origin{background:#10b9811f;color:var(--green);border:1px solid rgba(16,185,129,.25)}.route-stop.drop{background:#f973161f;color:var(--orange);border:1px solid rgba(249,115,22,.25)}.route-arrow{color:var(--g400);font-size:16px;font-weight:700;flex-shrink:0}.run-map-wrap{border-radius:var(--r2);overflow:hidden;border:1px solid var(--border);margin-bottom:10px;background:var(--card3);min-height:200px;display:flex;align-items:center;justify-content:center}.run-map-placeholder{width:100%;min-height:200px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--tr)}.run-map-placeholder:hover{background:#ffffff08}.run-map-placeholder-inner{text-align:center;padding:24px;pointer-events:none}.run-map-iframe{width:100%;height:280px;border:none;display:block}.open-maps-btn{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;background:#2563eb1a;border:1px solid rgba(37,99,235,.25);border-radius:var(--r2);color:var(--blue2);font-size:12px;font-weight:600;text-decoration:none;transition:var(--tr);margin-bottom:14px}.open-maps-btn:hover{background:#2563eb2e;border-color:var(--blue);color:var(--white)}.bulk-bar{position:fixed;bottom:-80px;left:0;right:0;z-index:300;display:flex;justify-content:center;padding:0 16px 16px;transition:bottom .25s cubic-bezier(.34,1.56,.64,1);pointer-events:none}.bulk-bar.bulk-bar-visible{bottom:0;pointer-events:all}.bulk-bar-visible~.main-content,body.bulk-active .main-content{padding-bottom:160px}.bulk-bar-inner{display:flex;align-items:center;gap:10px;flex-wrap:wrap;background:var(--card2);border:1px solid var(--border2);border-radius:var(--r);padding:12px 18px;box-shadow:0 8px 32px #0009,0 0 0 1px #2563eb33;max-width:760px;width:100%}.bulk-bar-count{font-size:13px;font-weight:700;color:var(--blue2);white-space:nowrap;min-width:110px}tr.bk-row-selected{background:#2563eb14!important;outline:1px solid rgba(37,99,235,.2)}tr.bk-row-selected:hover{background:#2563eb1f!important}.move-btn{width:24px;height:22px;background:#ffffff0f;border:1px solid var(--border);border-radius:5px;color:var(--g400);cursor:pointer;font-size:10px;font-family:var(--fb);display:flex;align-items:center;justify-content:center;transition:var(--tr);line-height:1;padding:0}.move-btn:hover:not(:disabled){background:#2563eb26;border-color:#2563eb4d;color:var(--blue2)}.move-btn:disabled{opacity:.25;cursor:not-allowed}.bk-tab-bar{display:flex;gap:4px;margin-bottom:14px;background:#ffffff08;border:1px solid var(--border);border-radius:var(--r);padding:4px;width:fit-content}.bk-tab{padding:8px 18px;border:none;background:none;color:var(--g400);cursor:pointer;border-radius:9px;font-size:13px;font-weight:600;font-family:var(--fb);transition:var(--tr);display:flex;align-items:center;gap:6px}.bk-tab:hover{color:var(--white);background:#ffffff0d}.bk-tab.active{background:var(--blue);color:var(--white)}.bk-tab-badge{background:#ffffff26;border-radius:20px;padding:1px 7px;font-size:11px;font-weight:700}.bk-tab.active .bk-tab-badge{background:#ffffff40}.bk-tab-badge-green{background:#10b98133;color:var(--green)}.bk-tab.active .bk-tab-badge-green{background:#fff3;color:var(--white)}@media(max-width:768px){.commutex-logo{height:40px;max-width:calc(100vw - 160px)}body{font-size:15px}.login-wrap{grid-template-columns:1fr}.login-left{display:none}.login-right{padding:24px 16px}.login-box{max-width:100%}.tab-bar{gap:2px}.tab-btn{font-size:10px;padding:8px 4px}.app-shell{grid-template-columns:1fr;grid-template-rows:64px 1fr 56px;height:100vh;overflow:hidden}.topbar{height:64px;padding:0 12px}.topbar-name{font-size:14px}.co-pill{display:none}.topbar-uname{font-size:12px}.topbar-urole{display:none}.t-avatar{width:28px;height:28px;font-size:11px}.btn-logout{padding:5px 10px;font-size:11px}.sidebar{display:none!important}.main-content{padding:14px 12px;overflow-y:auto;-webkit-overflow-scrolling:touch}.mobile-nav{grid-column:1;grid-row:3;display:flex!important;background:var(--card);border-top:1px solid var(--border);z-index:300;position:sticky;bottom:0}.mobile-nav-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:6px 4px;cursor:pointer;color:var(--g400);font-size:10px;font-weight:600;transition:var(--tr);border:none;background:none;font-family:var(--fb)}.mobile-nav-item.active{color:var(--blue2)}.mobile-nav-item:hover{color:var(--white)}.mobile-nav-item-icon{font-size:20px;line-height:1}.ph{flex-direction:column;gap:10px;margin-bottom:14px}.ph-title{font-size:17px}.ph-actions{flex-wrap:wrap;gap:6px}.ph-actions .btn{font-size:12px;padding:7px 12px}.stats-grid{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px}.stat-card{padding:12px}.stat-val{font-size:20px}.stat-icon{width:32px;height:32px;font-size:16px;margin-bottom:8px}.grid-2,.grid-3{grid-template-columns:1fr}.tbl-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}table{min-width:600px}th,td{padding:9px 10px;font-size:12px}.card-header,.card-body{padding:12px 14px}.card-title{font-size:13px}.co-card{flex-direction:column;gap:10px}.co-name{font-size:15px}.co-meta{gap:8px}.overlay{align-items:flex-end;padding:0}.modal{max-width:100%;width:100%;border-radius:var(--r) var(--r) 0 0;max-height:60dvh;max-height:60vh;animation:modalSlideUp .22s cubic-bezier(.32,.72,0,1)}#assign-modal .modal,#ca-ass-modal .modal{max-height:50dvh;max-height:50vh}.modal-body{overflow-y:auto;-webkit-overflow-scrolling:touch;padding-bottom:calc(24px + env(safe-area-inset-bottom,0px))}#assign-modal,#ca-ass-modal{background:#00000080}@keyframes modalSlideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.filter-grid{grid-template-columns:1fr 1fr;gap:8px}.filter-body{padding:10px 12px 12px}.invoice-layout{grid-template-columns:1fr}.invoice-right{position:static}.inv-summary-row{padding:6px 0}.bulk-bar-inner{flex-direction:column;gap:8px;padding:12px 14px}.bulk-bar-inner select,.bulk-bar-inner .btn{width:100%;justify-content:center}.bk-tab-bar{width:100%}.bk-tab{flex:1;justify-content:center;font-size:12px;padding:8px}.run-card-header{flex-direction:column;align-items:flex-start;gap:10px}.run-map-iframe{height:200px}.route-strip{gap:3px}.route-stop{font-size:11px;padding:3px 7px;max-width:130px}.shift-select-card{padding:12px}.shift-times{gap:10px;flex-wrap:wrap}.shift-actions{gap:6px}.leg-btn{padding:8px 6px}.leg-btn .leg-icon{font-size:18px}.date-strip-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.move-btn{width:28px;height:26px;font-size:12px}.call-btn{padding:7px 10px;font-size:12px}.open-maps-btn{font-size:12px;padding:8px 12px}.trip-card{flex-direction:column;gap:8px}.trip-right{flex-direction:row;align-items:center;flex-wrap:wrap;align-self:flex-end}.shift-row-fields{grid-template-columns:1fr;gap:8px}}@media(max-width:380px){.main-content{padding:10px}.stats-grid,.filter-grid{grid-template-columns:1fr}.ph-title{font-size:16px}.tab-btn{font-size:9px;padding:7px 3px}.bk-tab{font-size:11px;padding:7px 6px}}@media(min-width:769px){.mobile-nav{display:none!important}}@media(max-width:768px){html{height:100%}body{height:100%;overflow:hidden}.app-shell{height:100vh;height:100dvh}.main-content{height:100%;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.btn{min-height:40px}.btn-xs{min-height:32px}.sb-item,.mobile-nav-item{min-height:44px}.form-input{font-size:16px}.run-card-header{padding:12px 14px}.run-card-body{padding:10px 14px 14px}.route-strip{flex-wrap:wrap;row-gap:4px}.run-map-wrap,.run-map-placeholder{min-height:160px}.date-strip{display:flex;gap:6px;overflow-x:auto;padding-bottom:4px}.date-chip{flex-shrink:0}.shift-select-card{padding:12px 14px}.co-card-grid{grid-template-columns:1fr!important}.invoice-summary-card{position:static}.ph{flex-wrap:wrap}.tbl-wrap:after{content:"";display:block;height:1px}table th:nth-child(5),table td:nth-child(5){display:none}.booking-compact{padding:10px 12px}.bulk-bar{bottom:56px}.bulk-bar-inner{border-radius:var(--r) var(--r) 0 0}.modal{width:100vw;max-width:100vw}.modal-body{padding:14px 16px 20px}.empty{padding:32px 16px}.move-btn{min-width:28px;min-height:28px}#adhoc-type-cards{grid-template-columns:1fr 1fr}}@media(max-width:480px){table th:nth-child(4),table td:nth-child(4),table th:nth-child(5),table td:nth-child(5){display:none}.stats-grid{grid-template-columns:1fr 1fr}.route-stop{font-size:10px;max-width:100px}}@supports (padding: env(safe-area-inset-bottom)){.app-shell{padding-top:env(safe-area-inset-top);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}.mobile-nav{padding-bottom:env(safe-area-inset-bottom);height:calc(56px + env(safe-area-inset-bottom))}@media(max-width:768px){.app-shell{grid-template-rows:64px 1fr calc(56px + env(safe-area-inset-bottom))}.bulk-bar{bottom:calc(56px + env(safe-area-inset-bottom))}}}body{overscroll-behavior:none}.leg-btn.leg-selected{border:2px solid rgba(0,102,230,.8)!important;background:linear-gradient(135deg,#0050c84d,#0066e62e)!important;color:#93c5fd!important;box-shadow:0 0 0 3px #0066e626,0 4px 12px #0066e640;transform:translateY(-1px)}.leg-btn.leg-selected .leg-time{color:#60a5fa;font-weight:700}.leg-btn.leg-selected .leg-icon{filter:drop-shadow(0 0 8px rgba(0,102,230,.9))}.leg-desel{position:absolute;top:4px;right:6px;font-size:14px;line-height:1;color:var(--g400);cursor:pointer;width:18px;height:18px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:var(--tr)}.leg-desel:hover{color:var(--red);background:#ef44441a}.eb-book-bar{position:fixed;bottom:0;left:0;right:0;z-index:400;transform:translateY(100%);transition:transform .25s cubic-bezier(.34,1.56,.64,1);pointer-events:none}.eb-book-bar--visible{transform:translateY(0);pointer-events:all}.eb-book-bar-inner{margin:0 12px 12px;background:var(--card2);border:1px solid var(--border2);border-radius:var(--r);padding:12px 14px;display:flex;align-items:center;gap:10px;flex-wrap:wrap;box-shadow:0 -4px 24px #00000080,0 0 0 1px #2563eb26}.eb-chips{display:flex;flex-wrap:wrap;gap:6px;flex:1;min-width:0}.eb-chip{display:inline-flex;align-items:center;gap:5px;background:#2563eb1f;border:1px solid rgba(37,99,235,.3);border-radius:20px;padding:4px 8px 4px 10px;font-size:12px;font-weight:600;color:var(--blue2);white-space:nowrap}.eb-chip-remove{background:none;border:none;color:var(--g400);cursor:pointer;font-size:15px;line-height:1;padding:0 2px;display:flex;align-items:center;border-radius:50%;transition:var(--tr)}.eb-chip-remove:hover{color:var(--red)}.eb-confirm-btn{flex-shrink:0;white-space:nowrap}@media(max-width:768px){.eb-book-bar{bottom:calc(56px + env(safe-area-inset-bottom,0px))}.eb-book-bar-inner{margin:0 8px 8px;padding:10px 12px}.eb-confirm-btn{width:100%;justify-content:center}.eb-chips{margin-bottom:6px}}.commutex-login-logo{width:auto;height:200px;max-width:90vw;object-fit:contain;border-radius:0;border:none}.login-brand{display:none}.login-mobile-logo{display:none;justify-content:center;align-items:center;margin-bottom:32px;padding:8px 0}@media(max-width:768px){.login-mobile-logo{display:flex}}.login-admin-links{display:flex;align-items:center;justify-content:flex-end;gap:10px;padding:12px 20px 0;font-size:12px}.admin-link{background:none;border:none;color:var(--g400);cursor:pointer;font-size:12px;font-family:var(--fb);font-weight:600;padding:4px 8px;border-radius:var(--r3);transition:var(--tr);white-space:nowrap}.admin-link:hover{color:var(--white);background:#ffffff0f}.admin-link--active{color:var(--blue2);background:#2563eb1a}@media(max-width:768px){.login-admin-links{padding:10px 14px 0}.admin-link{font-size:11px;padding:3px 6px}}.driver-doc-section{display:flex;flex-direction:column;gap:20px}.driver-doc-block{background:#ffffff05;border:1px solid var(--border);border-radius:var(--r2);padding:14px 16px}.driver-doc-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.driver-doc-label{font-size:13px;font-weight:700;color:var(--g200)}.doc-upload-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}@media(max-width:768px){.driver-doc-block{padding:12px}.doc-upload-row{flex-direction:column;align-items:flex-start}}.imp-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:20px}.imp-summary-card{border-radius:var(--r2);padding:14px 16px;text-align:center;border:1px solid}.imp-summary-red{background:#ef44441a;border-color:#ef444440}.imp-summary-orange{background:#f973161a;border-color:#f9731640}.imp-summary-amber{background:#f59e0b1a;border-color:#f59e0b40}.imp-summary-blue{background:#2563eb1a;border-color:#2563eb40}.imp-summary-val{font-family:var(--fh);font-size:28px;font-weight:800;line-height:1}.imp-summary-red .imp-summary-val{color:var(--red)}.imp-summary-orange .imp-summary-val{color:#f97316}.imp-summary-amber .imp-summary-val{color:var(--amber)}.imp-summary-blue .imp-summary-val{color:var(--blue2)}.imp-summary-lbl{font-size:11px;font-weight:600;color:var(--g400);margin-top:4px;text-transform:uppercase;letter-spacing:.5px}.imp-badge{display:inline-flex;align-items:center;padding:3px 9px;border-radius:20px;font-size:11px;font-weight:700;white-space:nowrap;border:1px solid}.imp-badge-expired{background:#ef44441f;color:var(--red);border-color:#ef44444d}.imp-badge-today{background:#2563eb1f;color:var(--blue2);border-color:#2563eb4d}.imp-badge-critical{background:#f973161f;color:#f97316;border-color:#f973164d}.imp-badge-warn{background:#f59e0b1f;color:var(--amber);border-color:#f59e0b4d}.imp-badge-ok{background:#10b9811a;color:var(--green);border-color:#10b98140}.imp-row-expired td{background:#ef44440a}.imp-row-critical td{background:#f973160a}.imp-row-warn td{background:#f59e0b0a}.imp-row-today td{background:#2563eb0d}@media(max-width:768px){.imp-summary{grid-template-columns:1fr 1fr}}.fb-card{background:#ffffff05;border:1px solid var(--border);border-radius:var(--r2);padding:14px 16px;margin-bottom:12px;transition:var(--tr)}.fb-card:last-child{margin-bottom:0}.fb-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:10px}.fb-cat-badge{font-size:12px;font-weight:700;text-transform:capitalize}.fb-message{font-size:14px;color:var(--g100);line-height:1.55;white-space:pre-wrap;word-break:break-word}.fb-replies{margin-top:12px;padding-top:12px;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:10px}.fb-reply{background:#2563eb0f;border:1px solid rgba(37,99,235,.15);border-radius:var(--r2);padding:10px 12px}.fb-reply-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:4px}.fb-reply-form{display:flex;gap:10px;align-items:flex-end;margin-top:14px;padding-top:12px;border-top:1px solid var(--border)}.fb-reply-input{flex:1;min-height:60px;resize:vertical;font-size:13px}.fb-card-admin{border-left:3px solid var(--border2)}.fb-card-admin:hover{border-left-color:var(--blue)}@media(max-width:768px){.fb-card{padding:12px}.fb-card-header{flex-direction:column;gap:6px}.fb-reply-form{flex-direction:column}.fb-reply-input{width:100%}}@media(max-width:768px){.invoice-layout{display:flex;flex-direction:column;gap:14px}.invoice-right{order:-1;position:static}.invoice-left{order:1}.inv-summary-row{padding:7px 0}.inv-summary-val{font-size:18px}.inv-summary-label{font-size:12px}.inv-trip-row{flex-direction:column;gap:6px;padding:10px 12px}.inv-trip-row>input[type=checkbox]{position:absolute;top:10px;right:12px}.inv-trip-row{position:relative;padding-right:36px}.inv-trip-info>div:first-child{font-size:13px}.inv-trip-info>div:last-child{font-size:11px;flex-wrap:wrap;gap:8px}.inv-date-header{padding:6px 12px 5px}#inv-trip-list{max-height:340px}.billing-card{padding:12px}.billing-card-header{flex-direction:column;align-items:flex-start;gap:8px}.billing-card-body{padding:10px 0 0}.billing-card-body>div[style*=grid]{grid-template-columns:1fr!important}.filter-bar .card-body{padding:10px 12px}div[style*="rgba(16,185,129"]{flex-direction:column;align-items:flex-start;gap:8px}#inv-gen-btn{width:100%}}@media(max-width:480px){.inv-summary-val{font-size:16px}#inv-trip-list{max-height:260px}}.inv-mobile-bar{position:fixed;bottom:calc(56px + env(safe-area-inset-bottom,0px));left:0;right:0;z-index:400;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;background:var(--card2);border-top:1px solid var(--border2);box-shadow:0 -4px 20px #0006;transform:translateY(100%);transition:transform .22s cubic-bezier(.34,1.56,.64,1);pointer-events:none}.inv-mobile-bar--visible{transform:translateY(0);pointer-events:all}@media(min-width:769px){.inv-mobile-bar{display:none!important}}.grid-2r{display:grid;grid-template-columns:1fr 1fr;gap:10px}.grid-4r{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}@media(max-width:768px){.grid-2r{grid-template-columns:1fr}.grid-4r{grid-template-columns:1fr 1fr}.ph{flex-direction:column;align-items:flex-start;gap:10px;margin-bottom:14px}.ph-actions{display:flex;flex-wrap:wrap;gap:6px;width:100%}.ph-actions .btn{flex:1;justify-content:center;min-width:120px}.ph-title{font-size:18px}.ph-sub{font-size:12px}.card-header{flex-wrap:wrap;gap:6px;padding:11px 13px}.card-body{padding:12px 13px}.stats-grid{grid-template-columns:1fr 1fr!important;gap:10px}.stat-val{font-size:20px}.stat-icon{width:30px;height:30px;font-size:16px}.stat-lbl{font-size:10px}.tbl-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:var(--r2)}table{min-width:520px}th,td{padding:8px 10px;font-size:12px;white-space:nowrap}.form-label{font-size:12px}.form-input{font-size:16px}.btn{font-size:13px}.btn-sm{font-size:12px;padding:6px 10px}.btn-xs{font-size:11px;padding:4px 8px}.actions{flex-direction:column;gap:4px}.actions .btn-xs{width:100%;text-align:center}.co-card{flex-direction:column;gap:10px;padding:14px}.co-meta{flex-direction:column;gap:6px}.co-meta-item{font-size:12px}.co-name{font-size:16px}.shift-select-card{padding:12px}.shift-times{gap:8px;flex-wrap:wrap}.shift-time-block{flex:1;min-width:100px}.shift-actions{gap:6px;flex-wrap:wrap}.leg-btn{flex:1;min-width:calc(50% - 6px);padding:10px 8px}.leg-icon{font-size:18px}.leg-label,.leg-time{font-size:11px}.date-strip-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:4px}.bk-tab-bar{width:100%}.bk-tab{flex:1;font-size:12px;padding:8px 6px;justify-content:center}.bk-tab-badge{font-size:10px;padding:1px 5px}.bulk-bar-inner{flex-direction:column;gap:8px;padding:12px 14px;border-radius:var(--r) var(--r) 0 0}.bulk-bar-inner select,.bulk-bar-inner .btn{width:100%}.bulk-bar{bottom:calc(56px + env(safe-area-inset-bottom,0px))}.main-content{padding-bottom:180px}.filter-grid{grid-template-columns:1fr;gap:8px}.filter-body{padding:10px 12px}.trip-card{flex-direction:column;gap:8px;padding:12px}.trip-right{flex-direction:row;flex-wrap:wrap;align-items:center;gap:6px}.run-card-header{flex-direction:column;gap:8px;padding:12px}.run-card-body{padding:10px 12px}.route-strip{flex-wrap:wrap;gap:4px;row-gap:4px}.route-stop{font-size:10px;padding:2px 6px;max-width:120px}.run-map-wrap{min-height:180px}.driver-doc-block{padding:12px}.driver-doc-header{flex-wrap:wrap;gap:6px}.doc-upload-row{flex-direction:column;align-items:flex-start;gap:6px}.imp-summary{grid-template-columns:1fr 1fr;gap:10px}.imp-summary-val{font-size:22px}.fb-card{padding:12px}.fb-card-header{flex-direction:column;gap:6px}.fb-reply-form{flex-direction:column}.fb-reply-form .btn{width:100%}.fb-reply-input{min-height:70px}.form-input[style*="cursor:not-allowed"]{font-size:13px;padding:10px 12px}#adhoc-type-cards{grid-template-columns:1fr 1fr}.fm-co-switcher-wrap{flex-wrap:wrap;gap:6px}.modal{max-width:100%;width:100%}.modal-body{padding:14px 16px 24px}.modal-head{padding:14px 16px}.co-initials{width:44px;height:44px;font-size:16px}.billed-inv-header{flex-direction:column!important;align-items:flex-start!important;gap:8px!important}.inv-summary-row{padding:7px 0}.inv-summary-label{font-size:12px}.inv-summary-val{font-size:16px}.eb-book-bar{bottom:calc(56px + env(safe-area-inset-bottom,0px))}.eb-book-bar-inner{flex-direction:column;gap:8px;padding:10px 12px;margin:0 8px 8px}.eb-confirm-btn,.eb-chips{width:100%}.tab-bar{gap:2px;padding:3px}.tab-btn{font-size:11px;padding:7px 3px}.fm-roster-meta{flex-direction:column;gap:3px}.pax-row{flex-wrap:wrap}.move-btn{min-width:28px;min-height:28px}.call-btn,.call-tel-link{font-size:11px;padding:5px 8px}.shift-row-fields{grid-template-columns:1fr;gap:6px}}@media(max-width:480px){.stats-grid,.grid-4r,.imp-summary{grid-template-columns:1fr 1fr}.ph-title{font-size:16px}table{min-width:480px}.tab-btn{font-size:10px;padding:6px 2px}.bk-tab{font-size:11px}.leg-btn{padding:8px 6px}}.leg-btn.leg-past{flex:1;padding:14px 10px;border:2px solid rgba(255,255,255,.05);border-radius:var(--r2);background:#ffffff05;display:flex;flex-direction:column;align-items:center;gap:5px;color:#fff3;cursor:not-allowed;opacity:.4;filter:grayscale(1);pointer-events:none}.leg-btn.leg-past .leg-icon{font-size:24px;line-height:1}.leg-btn.leg-past .leg-label{font-size:12px;font-weight:800;letter-spacing:.6px;text-transform:uppercase}.leg-btn.leg-past .leg-time{font-size:11px}.leg-time-past{opacity:.35;text-decoration:line-through;text-decoration-color:#ffffff4d}@media(max-width:768px){#assign-modal .modal-body,#ca-ass-modal .modal-body{padding:16px 16px calc(16px + env(safe-area-inset-bottom,0px))}#assign-modal .form-group,#ca-ass-modal .form-group{margin-bottom:12px}#assign-modal .form-input,#ca-ass-modal .form-input{font-size:16px;padding:10px 12px}#assign-modal .btn-block,#ca-ass-modal .btn-block{padding:12px;font-size:15px;margin-top:4px}#assign-modal .modal:before,#ca-ass-modal .modal:before{content:"";display:block;width:40px;height:4px;background:#fff3;border-radius:2px;margin:10px auto 0;flex-shrink:0}}@media(max-width:768px){.main-content{padding-bottom:200px!important}.bulk-bar-inner{gap:8px;padding:10px 14px}.bulk-bar-count{font-size:12px;min-width:unset}.bulk-bar-inner select{font-size:13px;padding:8px 10px}.bulk-bar-inner .btn{padding:9px 14px;font-size:13px}}.drv-day-section{margin-bottom:24px}.drv-day-header{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:10px 0 12px;border-bottom:2px solid var(--border);margin-bottom:14px}.drv-day-label{font-size:18px;font-weight:900;font-family:var(--fh);letter-spacing:-.3px}.drv-day-today{color:var(--white)}.drv-day-tomorrow{color:var(--g400)}.drv-day-date{font-size:13px;color:var(--g400);font-weight:500}.drv-day-count{margin-left:auto;font-size:12px;font-weight:600;color:var(--g400);background:#ffffff0d;border:1px solid var(--border);border-radius:20px;padding:3px 10px}.leg-nextday{display:block;font-size:9px;font-weight:800;letter-spacing:.3px;color:var(--amber);background:#f59e0b1f;border:1px solid rgba(245,158,11,.3);border-radius:10px;padding:1px 6px;margin-top:3px}.bk-nextday-tag{display:inline-block;font-size:9px;font-weight:800;color:var(--amber);background:#f59e0b1f;border:1px solid rgba(245,158,11,.3);border-radius:8px;padding:1px 5px;margin-left:5px;vertical-align:middle}@media(max-width:900px){.live-map-grid{grid-template-columns:1fr!important}.live-map-grid #sa-live-map-el{height:380px!important}}.btn-wa{background:#25d366;color:#fff;border:none}.btn-wa:hover{background:#1da851}