:root{--color-primary: #1e40af;--color-primary-hover: #1d4ed8;--color-primary-light: #eff6ff;--color-dark: #0f172a;--color-dark-surface: #1e293b;--status-available-text: #15803d;--status-available-bg: #dcfce7;--status-available-border: #86efac;--status-requested-text: #b45309;--status-requested-bg: #fef3c7;--status-requested-border: #fcd34d;--status-confirmed-text: #1d4ed8;--status-confirmed-bg: #dbeafe;--status-confirmed-border: #93c5fd;--status-onduty-text: #b91c1c;--status-onduty-bg: #fee2e2;--status-onduty-border: #fca5a5;--status-unavailable-text: #475569;--status-unavailable-bg: #f1f5f9;--status-unavailable-border: #cbd5e1;--bg-page: #f8fafc;--bg-surface: #ffffff;--border-color: #e2e8f0;--border-subtle: #f1f5f9;--text-primary: #0f172a;--text-secondary: #475569;--text-muted: #64748b;--text-white: #ffffff;--font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;--font-xs: .7rem;--font-sm: .8rem;--font-base: .875rem;--font-lg: 1rem;--font-xl: 1.15rem;--font-2xl: 1.35rem;--font-3xl: 1.55rem;--radius-sm: 5px;--radius-md: 8px;--radius-lg: 10px;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .04);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .06), 0 2px 4px -2px rgba(0, 0, 0, .03);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .06), 0 4px 6px -4px rgba(0, 0, 0, .03);--header-height: 50px;--sidebar-width: 230px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;max-width:100%;overflow-x:clip}body{font-family:var(--font-family);background-color:var(--bg-page);color:var(--text-primary);line-height:1.5;max-width:100%;overflow-x:clip;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a,button,input,select,textarea{touch-action:manipulation}a{color:var(--color-primary);text-decoration:none;transition:color .15s ease-in-out}a:hover{color:var(--color-primary-hover)}button,input,select,textarea{font-family:inherit;font-size:inherit}h1,h2,h3,h4,h5,h6{color:var(--color-dark);font-weight:600;line-height:1.25}h1{font-size:var(--font-2xl)}h2{font-size:var(--font-xl)}h3{font-size:var(--font-lg)}p{color:var(--text-secondary)}.card{background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1.5rem;box-shadow:var(--shadow-sm)}.flex{display:flex}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.gap-4{gap:1rem}.mt-4{margin-top:1rem}.mb-4{margin-bottom:1rem}.supplier-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;align-items:end}.supplier-form button{width:fit-content}.access-status{display:inline-flex;align-items:center;border-radius:999px;padding:.25rem .6rem;font-size:var(--font-xs);font-weight:700}.access-status.active{color:var(--status-available-text);background:var(--status-available-bg)}.access-status.inactive{color:var(--text-muted);background:var(--bg-page)}.account-summary{display:flex;gap:3rem}.account-summary div{display:grid;gap:.25rem}.vehicle-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem}.vehicle-card{display:grid;gap:.6rem;padding:1.15rem;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.vehicle-card-header,.request-actions{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.vehicle-number{color:var(--color-primary);font-size:1.15rem;font-weight:700;letter-spacing:.04em}.vehicle-card>span,.request-row span{color:var(--text-muted);font-size:var(--font-sm)}.request-list{display:grid;gap:.75rem}.request-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 0;border-bottom:1px solid var(--border-subtle)}.request-row:last-child{border-bottom:0}.request-row>div:first-child{display:grid;gap:.25rem}.request-actions{flex-wrap:wrap;justify-content:flex-end}.compact-actions{display:flex;flex-wrap:wrap;gap:.4rem}.city-strip{display:flex;gap:.5rem;margin-bottom:1.25rem;overflow-x:auto;padding-bottom:.25rem}.city-chip{display:inline-flex;align-items:center;gap:.35rem;flex:0 0 auto;border:1px solid var(--border-color);border-radius:var(--radius-full);background:var(--bg-surface);color:var(--text-secondary);cursor:pointer;padding:.5rem .75rem;font-size:var(--font-xs)}.city-chip span{color:var(--text-muted)}.city-chip.selected{background:var(--color-primary);border-color:var(--color-primary);color:var(--text-white)}.city-chip.selected span{color:#dbeafe}.dashboard-page{max-width:1380px;margin:0 auto}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:1.5rem;margin-bottom:1.5rem}.page-heading h1{margin-top:.25rem;font-size:clamp(1.7rem,3vw,2.25rem);letter-spacing:-.03em}.page-heading p{margin-top:.45rem;max-width:640px}.eyebrow{color:var(--color-primary);font-size:.7rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.text-action,.panel-heading a{color:var(--color-primary);font-size:var(--font-sm);font-weight:700;white-space:nowrap}.heading-stat{display:grid;gap:.15rem;min-width:130px;padding:.75rem 1rem;border-left:3px solid var(--color-primary);background:var(--bg-surface)}.heading-stat strong{font-size:1.5rem}.heading-stat span,.metric-card small{color:var(--text-muted);font-size:var(--font-xs)}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.85rem;margin-bottom:1.25rem}.metric-card{display:grid;gap:.35rem;padding:1rem 1.1rem;border:1px solid var(--border-color);border-top:3px solid var(--color-primary);background:var(--bg-surface);box-shadow:var(--shadow-sm)}.metric-card strong{font-size:1.9rem;line-height:1}.metric-card.accent-green{border-top-color:var(--status-available-text)}.metric-card.accent-amber{border-top-color:var(--status-requested-text)}.metric-card.accent-ink{border-top-color:var(--color-dark)}.dashboard-columns{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);gap:1.25rem}.panel{margin-bottom:1.25rem;padding:1.25rem;border:1px solid var(--border-color);background:var(--bg-surface);box-shadow:var(--shadow-sm)}.form-panel{background:linear-gradient(120deg,#fff,#f8fbff)}.panel-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;margin-bottom:1rem}.panel-heading h2{margin-top:.25rem;font-size:1.15rem}.form-group{display:flex;flex-direction:column;gap:.35rem;width:100%;text-align:left}.form-label{font-size:.825rem;font-weight:600;color:#334155;letter-spacing:.01em;display:flex;align-items:center;gap:.25rem}.form-input{width:100%;padding:.65rem .85rem;font-size:.9rem;font-family:inherit;color:#0f172a;background-color:#fff;border:1.5px solid #cbd5e1;border-radius:8px;transition:border-color .15s ease,box-shadow .15s ease;line-height:1.45;box-sizing:border-box}.form-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #2563eb1f}.form-input::placeholder{color:#94a3b8}select.form-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;background-size:16px;padding-right:2.25rem;cursor:pointer}textarea.form-input{min-height:80px;resize:vertical}.form-error-text{font-size:.75rem;color:#ef4444;font-weight:500;margin-top:.2rem}.dense-form{display:grid;grid-template-columns:1fr;gap:1.15rem 1rem;align-items:start;background:#fff;padding:1.25rem 1.4rem;border-radius:var(--radius-lg);border:1px solid var(--border-color);box-shadow:0 2px 8px #0000000a}@media (min-width: 640px){.dense-form{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width: 960px){.dense-form{grid-template-columns:repeat(3,minmax(0,1fr))}}.dense-form .full-span{grid-column:1 / -1}.request-form{grid-template-columns:repeat(3,minmax(0,1fr))}.request-form-grid{display:grid;grid-template-columns:1fr;gap:1.15rem 1rem;align-items:start;background:#fff;padding:1.25rem 1.4rem;border-radius:var(--radius-lg);border:1px solid var(--border-color)}@media (min-width: 640px){.request-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width: 960px){.request-form-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.request-wide{grid-column:1 / -1}.request-remarks{resize:vertical;min-height:100px;white-space:pre-wrap}.request-remarks-field{grid-column:1 / -1}.remarks-display{display:block;white-space:pre-line}.remarks-display strong{display:block;margin-bottom:.2rem;color:var(--text-secondary)}.request-submit-actions{justify-content:flex-end;margin-top:1rem}.history-filters{display:flex;flex-wrap:wrap;gap:.5rem}.city-picker,.request-vehicle-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.65rem}.city-picker-card,.request-vehicle-card{display:flex;align-items:center;gap:.65rem;min-height:72px;padding:.75rem;border:1px solid var(--border-color);background:var(--bg-surface);color:var(--text-primary);text-align:left;cursor:pointer}.city-picker-card{display:grid;gap:.25rem}.city-picker-card span,.request-vehicle-card span,.request-vehicle-card small{color:var(--text-muted);font-size:var(--font-xs)}.city-picker-card.selected,.request-vehicle-card.selected{border-color:var(--color-primary);background:var(--color-primary-light);box-shadow:0 0 0 2px #1e40af1f}.request-vehicle-card>div:nth-child(2){display:grid;flex:1;gap:.2rem}.filter-select{min-height:40px;padding:.45rem .7rem;border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);background:var(--bg-surface)}.city-table,.fleet-table{overflow-x:auto}.table-head,.table-row{display:grid;grid-template-columns:1.6fr repeat(3,.7fr);align-items:center;gap:1rem;min-width:500px;padding:.8rem 0;border-bottom:1px solid var(--border-subtle);font-size:var(--font-sm)}.table-head{color:var(--text-muted);font-size:var(--font-xs);font-weight:800;text-transform:uppercase}.table-row span,.mini-row span,.directory-main span,.directory-main small{color:var(--text-muted);font-size:var(--font-xs)}.credential-line{color:var(--text-secondary)!important}.credential-toggle{padding:0;border:0;color:var(--color-primary);background:transparent;cursor:pointer;font-size:inherit;font-weight:700}.active-duty-row{border-left:3px solid var(--status-confirmed-text);padding-left:.75rem}.ready-number{color:var(--status-available-text)!important;font-weight:800}.mini-list,.directory-list{display:grid}.mini-row,.directory-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.8rem 0;border-bottom:1px solid var(--border-subtle)}.mini-row:last-child,.directory-row:last-child{border-bottom:0}.mini-row>div,.directory-main{display:grid;gap:.2rem}.quick-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:.85rem}.quick-actions a{display:flex;align-items:center;gap:.75rem;padding:.9rem;border:1px solid var(--border-color);color:var(--text-primary);background:var(--bg-surface)}.quick-actions a>span{display:grid;width:32px;height:32px;place-items:center;color:var(--text-white);background:var(--color-primary);font-size:1.15rem}.quick-actions div{display:grid;gap:.15rem}.quick-actions small{color:var(--text-muted);font-size:var(--font-xs)}.avatar{display:grid;width:38px;height:38px;flex:0 0 38px;place-items:center;color:var(--color-primary);background:var(--color-primary-light);font-weight:800}.fleet-head,.fleet-row{grid-template-columns:1.35fr 1fr .75fr .8fr 1.2fr}.fleet-row>div:first-child{display:grid;gap:.2rem}.empty-state{padding:1.25rem 0;color:var(--text-muted)}.supplier-heading{align-items:center}.supplier-identity{display:flex;align-items:center;gap:.65rem;min-width:190px;padding:.55rem .75rem;border:1px solid var(--border-color);background:var(--bg-surface)}.supplier-identity>div:last-child{display:grid;gap:.12rem}.supplier-identity span{color:var(--text-muted);font-size:var(--font-xs)}.supplier-metrics{margin-bottom:1.25rem}.workspace-alert{margin-bottom:1rem}.incoming-request-alert{display:flex;align-items:center;gap:.8rem;margin-bottom:.65rem;padding:.8rem .95rem;border:1px solid #fbbf24;border-left:4px solid #d97706;background:#fffbeb;box-shadow:0 4px 12px #b453091a;animation:alert-arrival .35s ease-out}.incoming-alert-icon{display:grid;width:30px;height:30px;flex:0 0 30px;place-items:center;border-radius:50%;color:#fff;background:#d97706;font-weight:800}.incoming-request-alert>div:nth-child(2){display:grid;flex:1;gap:.15rem}.incoming-request-alert span,.supplier-notification-tools span{color:var(--text-muted);font-size:var(--font-xs)}.incoming-alert-actions,.supplier-notification-tools{display:flex;align-items:center;gap:.6rem}.alert-dismiss,.supplier-notification-tools button{border:0;color:var(--color-primary);background:transparent;cursor:pointer;font-size:var(--font-xs);font-weight:700}.sound-toggle{padding:.45rem .7rem!important;border:1px solid var(--border-color)!important;border-radius:var(--radius-full);background:var(--bg-surface)!important}.sound-toggle.needs-enable{border-color:#f59e0b!important;color:#92400e!important;background:#fffbeb!important;animation:sound-prompt 1.6s ease-in-out infinite}.sound-toggle.enabled{border-color:var(--status-available-border)!important;color:var(--status-available-text)!important;background:var(--status-available-bg)!important}.alert-dismiss{padding:.25rem;color:var(--text-muted);font-size:1.3rem;line-height:1}.supplier-notification-tools{justify-content:flex-end;min-height:28px;margin-bottom:.5rem}@keyframes alert-arrival{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@keyframes sound-prompt{0%,to{box-shadow:0 0 #f59e0b47}50%{box-shadow:0 0 0 5px #f59e0b1f}}.supplier-columns{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(290px,.55fr);align-items:start;gap:1.25rem}.supplier-side-column{display:grid;gap:1.25rem}.supplier-fleet-panel,.supplier-requests-panel{margin-bottom:0}.panel-count{color:var(--text-muted);font-size:var(--font-xs);font-weight:700}.fleet-toolbar{display:grid;grid-template-columns:1fr 150px;gap:.6rem;margin-bottom:.75rem}.supplier-vehicle-list{display:grid}.supplier-vehicle-row{display:grid;grid-template-columns:34px minmax(120px,1fr) auto auto;align-items:center;gap:.7rem;padding:.8rem 0;border-bottom:1px solid var(--border-subtle)}.supplier-vehicle-row:last-child{border-bottom:0}.vehicle-mark{display:grid;width:34px;height:34px;place-items:center;color:var(--color-primary);background:var(--color-primary-light);font-weight:800}.vehicle-copy{display:grid;gap:.15rem}.vehicle-copy strong{font-size:var(--font-sm)}.vehicle-copy strong span{margin-left:.35rem;color:var(--color-primary);font-size:var(--font-xs);letter-spacing:.04em}.vehicle-copy small{color:var(--text-muted);font-size:var(--font-xs)}.supplier-compact-form{display:grid;gap:.85rem}.supplier-compact-form>button{width:100%}.next-panel{border-left:3px solid var(--color-primary)}.next-panel h2{margin:.25rem 0 .45rem;font-size:1.05rem}.next-panel p{font-size:var(--font-sm);line-height:1.55}.supplier-requests-panel{margin-top:1.25rem}.optional-note,.notification-count{color:var(--text-muted);font-size:var(--font-xs);font-weight:700}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:grid;place-items:center;padding:1rem;background:#0f172a99;animation:modalOverlayFade .15s ease-out}.edit-modal{width:min(100%,520px);max-height:90dvh;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:1.35rem;border-radius:14px;border:1px solid var(--border-color);background:#fff;box-shadow:0 20px 35px -8px #0000002e,0 0 0 1px #0000000d;animation:modalContentZoom .2s cubic-bezier(.16,1,.3,1);box-sizing:border-box}.edit-modal--wide{width:min(100%,660px);display:flex;flex-direction:column;overflow-y:hidden}.edit-modal--compact{width:min(100%,440px)}.modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;padding-bottom:.75rem;margin-bottom:.85rem;border-bottom:1px solid var(--border-color)}.modal-header-title-wrap{min-width:0;flex:1}.modal-header-title-wrap h2,.modal-header-title-wrap h3{word-break:break-word}.modal-close-btn{width:34px;height:34px;min-width:34px;min-height:34px;border-radius:50%;border:1px solid var(--border-color);background:#f8fafc;color:var(--text-secondary);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:all .15s ease}.modal-close-btn:hover,.modal-close-btn:active{background:#e2e8f0;color:var(--color-dark)}@keyframes modalOverlayFade{0%{opacity:0}to{opacity:1}}@keyframes modalContentZoom{0%{opacity:0;transform:scale(.96) translateY(6px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-actions,.heading-actions{display:flex;align-items:center;justify-content:flex-end;gap:.75rem;width:100%;flex-wrap:wrap}.modal-actions button,.supplier-compact-form .modal-actions button{width:auto;min-width:105px}.notification-panel{max-width:900px}.notification-list{display:grid}.notification-row{display:grid;grid-template-columns:10px minmax(0,1fr) auto;align-items:center;gap:.85rem;width:100%;padding:1rem 0;border:0;border-bottom:1px solid var(--border-subtle);color:var(--text-primary);background:transparent;text-align:left;cursor:pointer}.notification-row:last-child{border-bottom:0}.notification-dot{width:8px;height:8px;border-radius:50%;background:var(--border-color)}.notification-row.unread .notification-dot{background:var(--color-primary);box-shadow:0 0 0 4px var(--color-primary-light)}.notification-copy{display:grid;gap:.2rem}.notification-copy span,.notification-copy small,.notification-state{color:var(--text-muted);font-size:var(--font-xs)}.notification-copy .notification-detail{color:var(--text-secondary);font-size:var(--font-xs);line-height:1.45}.notification-row.unread .notification-state{color:var(--color-primary);font-weight:800}@media (max-width: 640px){.supplier-form{grid-template-columns:1fr}.supplier-form button{width:100%}.account-summary{display:grid;gap:1rem}.request-row{align-items:flex-start;flex-direction:column}.request-actions{justify-content:flex-start}}@media (max-width: 900px){.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-columns{grid-template-columns:1fr}.dense-form,.request-form,.request-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.quick-actions,.supplier-columns{grid-template-columns:1fr}}@media (max-width: 768px){.form-input,.fleet-search-input,.dispatch-input-sm,.filter-select{font-size:16px!important}.dispatch-input-sm{min-height:38px}}@media (max-width: 560px){.page-heading{align-items:flex-start;flex-direction:column}.metric-grid,.dense-form,.request-form,.request-form-grid{grid-template-columns:1fr}.dense-form .full-span{grid-column:auto}.panel{padding:1rem}.supplier-heading{gap:1rem}.supplier-identity{width:100%}.fleet-toolbar{grid-template-columns:1fr}.supplier-vehicle-row{grid-template-columns:34px minmax(0,1fr)}.supplier-vehicle-row>.status-badge,.supplier-vehicle-row>.compact-actions{grid-column:2}.modal-backdrop{align-items:end;padding:0}.edit-modal,.edit-modal--wide,.edit-modal--compact{width:100%!important;max-width:100%!important;max-height:92dvh;padding:1.05rem 1rem calc(1.15rem + env(safe-area-inset-bottom,0px))!important;border-radius:16px 16px 0 0!important;border-bottom:0}.modal-actions{display:grid;grid-template-columns:1fr 1fr;gap:.6rem}.modal-actions button{width:100%!important;min-width:0;min-height:42px;justify-content:center}}@media (max-width: 480px){.app-content{min-width:0;padding:.75rem .65rem calc(1.25rem + env(safe-area-inset-bottom,0px))}.dashboard-page,.page-heading,.panel,.card{max-width:100%}.page-heading{gap:.85rem;margin-bottom:1rem}.page-heading h1{font-size:1.55rem}.page-heading p{font-size:var(--font-sm)}.heading-stat{width:100%;min-width:0}.metric-grid{gap:.55rem;margin-bottom:.85rem}.metric-card{min-width:0;padding:.75rem}.metric-card strong{font-size:1.45rem}.panel,.card{margin-bottom:.85rem;padding:.85rem}.panel-heading{align-items:flex-start;flex-direction:column;gap:.6rem}.panel-heading>a,.panel-heading>.filter-select,.panel-heading>.heading-actions{width:100%}.history-filters,.heading-actions,.request-submit-actions,.incoming-alert-actions{width:100%;justify-content:stretch}.history-filters>*,.request-submit-actions>*,.incoming-alert-actions>.custom-button{flex:1;width:100%}.supplier-notification-tools{align-items:flex-start;flex-direction:column}.supplier-notification-tools button{align-self:stretch;min-height:42px}.incoming-request-alert{align-items:flex-start;flex-wrap:wrap}.incoming-request-alert>div:nth-child(2){min-width:0}.incoming-alert-actions{padding-left:2.3rem}.city-picker,.request-vehicle-grid{grid-template-columns:1fr 1fr;gap:.45rem}.city-picker-card,.request-vehicle-card{min-height:64px;padding:.6rem}.request-vehicle-card{align-items:flex-start;flex-wrap:wrap}.request-vehicle-card>.status-badge{margin-left:2.2rem}.supplier-vehicle-row{gap:.5rem;padding:.7rem 0}.supplier-vehicle-row>.compact-actions{display:grid;grid-template-columns:1fr;width:100%}.supplier-vehicle-row>.compact-actions .custom-button{width:100%}.request-actions{width:100%;display:grid;grid-template-columns:1fr 1fr}.request-actions .custom-button{width:100%}.request-row{gap:.7rem;padding:.85rem 0}.request-row>div:first-child,.notification-copy{min-width:0;overflow-wrap:anywhere}.directory-row{align-items:flex-start;flex-wrap:wrap}.directory-main{flex:1 1 calc(100% - 50px);min-width:0}.directory-row>.access-status,.directory-row>.compact-actions{margin-left:46px}.directory-row>.compact-actions{width:calc(100% - 46px)}.directory-row>.compact-actions .custom-button{flex:1}.table-head,.table-row{min-width:460px;gap:.6rem;font-size:var(--font-xs)}.fleet-table{margin-right:-.85rem;padding-right:.85rem}.edit-modal{overflow-y:auto}.notification-row{grid-template-columns:10px minmax(0,1fr);align-items:start}.notification-state{grid-column:2}.supplier-identity{min-width:0}}.fleetza-toast-container{position:fixed;top:1.25rem;right:1.25rem;z-index:99999;display:flex;flex-direction:column;gap:.5rem;pointer-events:none;max-width:380px;width:calc(100vw - 2.5rem)}.fleetza-toast{pointer-events:auto;display:flex;align-items:center;gap:.65rem;padding:.65rem .85rem;background:#fff;color:var(--text-primary);border-radius:var(--radius-md);box-shadow:0 10px 25px -5px #00000026,0 8px 10px -6px #00000014;border:1px solid var(--border-color);border-left:4px solid var(--color-primary);font-size:var(--font-xs);font-weight:500;animation:fleetzaToastSlideIn .25s cubic-bezier(.16,1,.3,1) forwards}.fleetza-toast-success{border-left-color:#10b981}.fleetza-toast-error{border-left-color:#ef4444}.fleetza-toast-warning{border-left-color:#f59e0b}.fleetza-toast-info{border-left-color:#3b82f6}.fleetza-toast-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0}.fleetza-toast-content{flex:1;word-break:break-word;line-height:1.4;color:var(--color-dark)}.fleetza-toast-close{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:2px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .15s ease;flex-shrink:0}.fleetza-toast-close:hover{background:#f1f5f9;color:var(--color-dark)}@keyframes fleetzaToastSlideIn{0%{opacity:0;transform:translateY(-8px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.quota-bar-wrapper{display:flex;flex-direction:column;gap:.25rem;font-size:var(--font-xs)}.quota-bar-track{width:100%;height:6px;background:#e2e8f0;border-radius:999px;overflow:hidden}.quota-bar-fill{height:100%;border-radius:999px;transition:width .3s ease}.quota-bar-fill.normal{background:#10b981}.quota-bar-fill.warning{background:#f59e0b}.quota-bar-fill.full{background:#ef4444}.change-password-card{padding:2rem}@media (max-width: 480px){.change-password-card{padding:1.25rem .85rem!important}.fleetza-toast-container{top:calc(.65rem + env(safe-area-inset-top,0px));right:.65rem;left:.65rem;width:auto;max-width:none}}.offline-banner{position:fixed;top:0;left:0;right:0;z-index:99999;background-color:#dc2626;color:#fff;padding:calc(.6rem + env(safe-area-inset-top,0px)) .85rem .6rem;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:.45rem;font-size:.85rem;font-weight:600;box-shadow:0 4px 12px #0000004d;text-align:center}.webpush-compact-row{padding:.5rem .75rem;background:#f8fafc;border-bottom:1px solid #e2e8f0;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.5rem;font-size:.73rem}.webpush-compact-row.is-subscribed{background:#f0fdf4}.webpush-banner{background:#f8fafc;border:1px solid #cbd5e1;border-radius:10px;padding:.85rem 1rem;margin-bottom:.85rem;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.75rem}.webpush-banner.is-subscribed{background:#f0fdf4;border-color:#bbf7d0}.webpush-banner-info{display:flex;align-items:flex-start;gap:.65rem;flex:1 1 260px;min-width:0}.webpush-banner-actions{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.webpush-btn-primary,.webpush-btn-success,.webpush-btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;border-radius:7px;padding:.45rem .85rem;font-size:.78rem;font-weight:700;cursor:pointer;min-height:36px}.webpush-btn-primary{background:#1e40af;color:#fff;border:none}.webpush-btn-success{background:#16a34a;color:#fff;border:none}.webpush-btn-secondary{background:#fff;color:#475569;border:1px solid #cbd5e1;font-weight:600}.duty-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:.55rem;font-size:var(--font-xs);margin-top:.25rem}.duty-detail-actions{display:grid;grid-template-columns:1fr 1fr;gap:.65rem}.pagination-bar{margin-top:1rem;background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:.85rem 1.1rem;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.75rem;box-shadow:0 1px 3px #00000008}.pagination-actions{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.responsive-form-actions{display:flex;gap:.65rem;justify-content:flex-end;margin-top:.75rem;flex-wrap:wrap}.unauthorized-actions{margin-top:1.25rem;display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap;width:100%}@media (max-width: 560px){.webpush-banner{padding:.75rem .85rem;align-items:stretch}.webpush-banner-actions{width:100%;display:grid;grid-template-columns:1fr}.webpush-banner-actions.has-two{grid-template-columns:1fr 1fr}.webpush-btn-primary,.webpush-btn-success,.webpush-btn-secondary{width:100%;min-height:40px}.pagination-bar{flex-direction:column;align-items:stretch;padding:.75rem .85rem}.pagination-actions{width:100%;display:grid;grid-template-columns:1fr 1fr}.pagination-actions>button{width:100%;justify-content:center;min-height:40px}.responsive-form-actions{display:grid;grid-template-columns:1fr 1fr}.responsive-form-actions>button{width:100%;justify-content:center;min-height:42px}}@media (max-width: 480px){.duty-detail-grid{grid-template-columns:1fr}.unauthorized-actions{flex-direction:column}.unauthorized-actions>button{width:100%}}@media (max-width: 380px){.duty-detail-actions{grid-template-columns:1fr}}.filter-chips-scroll{display:flex;gap:.35rem;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:2px}.filter-chips-scroll::-webkit-scrollbar{display:none}.alert-banner{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.65rem .95rem;border-radius:var(--radius-md, 8px);font-size:.86rem;font-weight:600;line-height:1.4;margin-bottom:.85rem;box-shadow:0 2px 8px #0000000a;animation:fleetzaAlertSlideIn .2s ease forwards}@keyframes fleetzaAlertSlideIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.auth-container{min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:calc(1.25rem + env(safe-area-inset-top,0px)) 1.25rem calc(1.25rem + env(safe-area-inset-bottom,0px));background:linear-gradient(135deg,#0f172a,#1e293b)}.auth-card{width:100%;max-width:440px;background:#fff;border-radius:var(--radius-lg);padding:2.25rem 2rem;box-shadow:0 20px 25px -5px #00000040,0 10px 10px -5px #0000001a}.auth-header{text-align:center;margin-bottom:2rem}.auth-logo{display:inline-flex;align-items:center;gap:.5rem;font-size:1.5rem;font-weight:700;color:var(--color-primary);margin-bottom:.5rem}.auth-subtitle{color:var(--text-muted);font-size:var(--font-sm)}.auth-form{display:flex;flex-direction:column;gap:1.25rem}.form-group{display:flex;flex-direction:column;gap:.375rem}.form-label{font-size:var(--font-sm);font-weight:500;color:var(--text-primary)}.form-input{width:100%;padding:.75rem .875rem;border:1.5px solid var(--border-color);border-radius:var(--radius-md);font-size:var(--font-base);color:var(--text-primary);transition:border-color .15s,box-shadow .15s;background-color:#fff}.form-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #2563eb26}.form-input.error{border-color:#ef4444}.form-error-text{font-size:var(--font-xs);color:#dc2626}.alert-banner{padding:.75rem 1rem;border-radius:var(--radius-md);font-size:var(--font-sm);display:flex;align-items:center;gap:.5rem}.alert-banner.error{background-color:#fef2f2;border:1px solid #fecaca;color:#991b1b}.alert-banner.info{background-color:#eff6ff;border:1px solid #bfdbfe;color:#1e40af}.demo-credentials-box{margin-top:1.5rem;padding:1rem;background-color:#f8fafc;border:1px dashed var(--border-color);border-radius:var(--radius-md)}.demo-credentials-box h4{font-size:var(--font-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:.5rem}.demo-btn-group{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.demo-btn{padding:.5rem .625rem;background-color:#fff;border:1px solid var(--border-color);border-radius:var(--radius-sm);font-size:var(--font-xs);font-weight:500;color:var(--text-secondary);cursor:pointer;text-align:left;transition:all .15s ease}.demo-btn:hover{background-color:var(--color-primary-light);border-color:var(--color-primary);color:var(--color-primary)}.demo-btn span{display:block;font-weight:600;color:var(--color-dark)}@media (max-width: 480px){.auth-container{align-items:flex-start;padding:calc(.85rem + env(safe-area-inset-top,0px)) .75rem calc(1rem + env(safe-area-inset-bottom,0px))}.auth-card{margin-top:.65rem;padding:1.35rem 1rem;border-radius:var(--radius-md)}.auth-header{margin-bottom:1.35rem}.auth-logo{font-size:1.3rem}.auth-subtitle{font-size:var(--font-xs)}.auth-card .alert-banner{flex-wrap:wrap;font-size:.78rem}.demo-btn-group{grid-template-columns:1fr}}.app-layout{display:flex;min-height:100dvh;background-color:var(--bg-page)}.app-sidebar{width:var(--sidebar-width);background-color:var(--color-dark);color:var(--text-white);display:flex;flex-direction:column;position:fixed;top:0;bottom:0;left:0;z-index:1050;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);transition:transform .25s ease-in-out;overflow:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden;will-change:transform}.sidebar-mobile-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#0f172a73;z-index:1040;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;filter:none!important;cursor:pointer;animation:sidebarOverlayFadeIn .15s ease-out}@keyframes sidebarOverlayFadeIn{0%{opacity:0}to{opacity:1}}.sidebar-header{height:var(--header-height);display:flex;align-items:center;justify-content:space-between;padding:0 .85rem;border-bottom:1px solid rgba(255,255,255,.08);flex-shrink:0}.sidebar-brand{font-size:1.1rem;font-weight:800;color:#fff;display:flex;align-items:center;gap:.45rem}.sidebar-close-btn{display:none;background:none;border:none;color:#94a3b8;cursor:pointer;padding:.4rem;min-width:44px;min-height:44px;border-radius:var(--radius-sm);align-items:center;justify-content:center;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.sidebar-close-btn:hover,.sidebar-close-btn:active{color:#fff;background-color:#ffffff1f}.sidebar-user-card{padding:.55rem .75rem;margin:.45rem .55rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-md);display:flex;gap:.65rem;align-items:center;flex-shrink:0;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:background-color .15s ease}.sidebar-user-card:active{background:#ffffff1a}.sidebar-user-avatar{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,var(--color-primary),#3b82f6);color:#fff;font-weight:800;font-size:.95rem;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 2px 6px #2563eb40;pointer-events:none}.sidebar-user-info{display:flex;flex-direction:column;gap:.1rem;min-width:0;overflow:hidden;pointer-events:none}.sidebar-user-name{font-weight:700;color:#fff;font-size:.82rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-user-role{display:inline-block;font-size:.68rem;font-weight:600;color:#93c5fd;background:#3b82f62e;padding:.08rem .4rem;border-radius:var(--radius-full);align-self:flex-start}.sidebar-user-meta{font-size:.68rem;color:#94a3b8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-nav-title{padding:.4rem .85rem .15rem;font-size:.68rem;font-weight:700;color:#64748b;letter-spacing:.05em;flex-shrink:0}.sidebar-nav{flex:1;padding:.35rem .55rem;display:flex;flex-direction:column;gap:.25rem;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch}.sidebar-nav::-webkit-scrollbar{display:none}.nav-link{display:flex;align-items:center;gap:.65rem;padding:.65rem .85rem;border-radius:var(--radius-sm);color:#cbd5e1;font-size:.88rem;font-weight:600;min-height:44px;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;text-decoration:none;transition:all .12s ease-in-out}.nav-link:hover,.nav-link:active{background-color:#ffffff14;color:#fff}.nav-link.active{background-color:var(--color-primary);color:#fff}.nav-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;pointer-events:none}.nav-label{pointer-events:none;flex:1}.sidebar-nav-badge{pointer-events:none;margin-left:auto;font-size:.65rem;font-weight:800;padding:.1rem .4rem;border-radius:var(--radius-full);background:#dc2626;color:#fff}.sidebar-footer{padding:.45rem .65rem .65rem;border-top:1px solid rgba(255,255,255,.07);display:flex;flex-direction:column;gap:.35rem;flex-shrink:0}.sidebar-logout-btn{width:100%;min-height:44px;display:flex;align-items:center;justify-content:center;gap:.5rem;background:#dc26261f;border:1px solid rgba(220,38,38,.35);color:#fca5a5;font-weight:700;font-size:.85rem;border-radius:var(--radius-sm);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:all .15s ease-in-out}.sidebar-logout-btn:hover,.sidebar-logout-btn:active{background:#dc2626;color:#fff;border-color:#dc2626}.sidebar-app-info{text-align:center;font-size:.65rem;color:#64748b}.app-main{flex:1;margin-left:var(--sidebar-width);display:flex;flex-direction:column;min-width:0}.app-navbar{min-height:calc(var(--header-height) + env(safe-area-inset-top,0px));padding:env(safe-area-inset-top,0px) 1rem 0;background-color:var(--bg-surface);border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between;gap:.75rem;position:sticky;top:0;z-index:30}.navbar-left{display:flex;align-items:center;gap:.75rem;min-width:0}.navbar-brand{font-weight:800;font-size:1.05rem;color:var(--color-dark);letter-spacing:-.02em;display:flex;align-items:center;gap:.45rem;min-width:0;white-space:nowrap}.navbar-brand-tag{color:var(--color-primary);font-weight:700;font-size:.7rem;background:#eff6ff;padding:.1rem .45rem;border-radius:4px}.pwa-install-btn{display:inline-flex;align-items:center;gap:.32rem;background:linear-gradient(135deg,#1e40af,#2563eb);color:#fff;border:none;border-radius:6px;padding:.35rem .65rem;font-size:.72rem;font-weight:700;cursor:pointer;box-shadow:0 2px 6px #2563eb40;white-space:nowrap;min-height:34px}.pwa-installed-badge{display:inline-flex;align-items:center;gap:4px;font-size:.7rem;color:#059669;font-weight:700;background:#ecfdf5;border:1px solid #a7f3d0;padding:.22rem .5rem;border-radius:9999px;white-space:nowrap}.navbar-mobile-toggle{display:none;background:none;border:none;cursor:pointer;padding:.35rem;align-items:center;justify-content:center;border-radius:var(--radius-sm);color:var(--text-primary);min-width:40px;min-height:40px;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.navbar-mobile-toggle:active{background-color:#0000000f}.navbar-user{display:flex;align-items:center;gap:.75rem}.navbar-notification-wrap{position:relative}.navbar-notification-button{position:relative;display:grid;width:34px;height:34px;place-items:center;border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--color-primary);background:var(--bg-surface);cursor:pointer}.notification-bell{font-size:.95rem;line-height:1}.navbar-notification-count{position:absolute;top:-4px;right:-4px;display:grid;min-width:18px;height:18px;place-items:center;padding:0 4px;border:2px solid var(--bg-surface);border-radius:var(--radius-full);color:var(--text-white);background:#dc2626;font-size:.65rem;font-weight:800}.navbar-notification-menu{position:absolute;top:calc(100% + .65rem);right:0;z-index:60;width:min(360px,calc(100vw - 2rem));overflow:hidden;border:1px solid var(--border-color);background:var(--bg-surface);box-shadow:var(--shadow-lg)}.navbar-notification-header,.navbar-notification-footer{display:flex;align-items:center;justify-content:space-between;padding:.75rem .9rem;border-bottom:1px solid var(--border-subtle)}.navbar-notification-header button{border:0;color:var(--color-primary);background:transparent;cursor:pointer;font-size:var(--font-xs);font-weight:700}.navbar-notification-item{display:grid;gap:.2rem;padding:.75rem .9rem;border-bottom:1px solid var(--border-subtle);color:var(--text-primary)}.navbar-notification-item span,.navbar-notification-empty{color:var(--text-muted);font-size:var(--font-xs)}.navbar-notification-item.unread{border-left:3px solid var(--color-primary);background:var(--color-primary-light)}.navbar-notification-footer{border:0;color:var(--color-primary);font-size:var(--font-xs);font-weight:800}.navbar-notification-empty{margin:0;padding:1rem .9rem}.user-greeting{font-size:var(--font-sm);font-weight:500;color:var(--text-primary)}.user-badge{font-size:var(--font-xs);padding:.25rem .625rem;border-radius:var(--radius-full);background-color:#eff6ff;color:var(--color-primary);font-weight:600}.app-content{flex:1;padding:1.75rem}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.25rem;margin-bottom:2rem}.stat-card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1.25rem;display:flex;flex-direction:column;box-shadow:var(--shadow-sm)}.stat-title{font-size:var(--font-sm);color:var(--text-muted);font-weight:500;margin-bottom:.5rem}.stat-value{font-size:var(--font-2xl);font-weight:700;color:var(--color-dark)}@media (max-width: 768px){.navbar-mobile-toggle{display:flex}.navbar-notification-button{width:40px;height:40px}.sidebar-close-btn{display:flex}.app-sidebar{width:min(290px,84vw);transform:translate(-100%);box-shadow:4px 0 24px #00000073;z-index:1050}.app-sidebar.open{transform:translate(0)}.app-main{margin-left:0}.app-navbar{min-height:calc(52px + env(safe-area-inset-top,0px));padding:env(safe-area-inset-top,0px) .75rem 0;gap:.45rem}.navbar-pwa-install-wrap{display:inline-flex}.navbar-user-info-text{display:none!important}.app-content{padding:.75rem .65rem calc(1rem + env(safe-area-inset-bottom,0px))}.navbar-desktop-logout{display:none!important}}@media (max-width: 480px){.app-navbar{min-height:calc(52px + env(safe-area-inset-top,0px));gap:.4rem;padding:env(safe-area-inset-top,0px) .65rem 0}.navbar-left{gap:.45rem}.navbar-brand{font-size:.95rem;gap:.35rem}.navbar-brand-tag{display:none}.pwa-install-btn{padding:.3rem .52rem;font-size:.7rem}.pwa-installed-badge{font-size:.66rem;padding:.18rem .42rem}.navbar-user{gap:.4rem}.user-greeting{display:none}.user-badge{padding:.2rem .45rem}.navbar-notification-menu{position:fixed;top:calc(52px + env(safe-area-inset-top,0px) + .45rem);right:.65rem;left:.65rem;width:auto;max-height:calc(100dvh - 80px)}.navbar-user .custom-button{min-height:40px;padding:.45rem .65rem}}@media (max-width: 360px){.pwa-install-btn{padding:.28rem .45rem;font-size:.66rem}.pwa-installed-badge span{display:none}}.sidebar-nav-title{padding:.65rem 1rem .25rem;font-size:.68rem;font-weight:800;color:#64748b;text-transform:uppercase;letter-spacing:.08em}.sidebar-admin-stats-card{margin:.5rem .75rem .85rem;padding:.75rem .5rem;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:space-around}.admin-sidebar-stat-item{display:flex;flex-direction:column;align-items:center;gap:.15rem}.admin-sidebar-stat-item .stat-val{font-size:1.1rem;font-weight:800;color:#fff}.admin-sidebar-stat-item .stat-lbl{font-size:.65rem;font-weight:600;color:#94a3b8;text-transform:uppercase;letter-spacing:.05em}.admin-sidebar-stat-divider{width:1px;height:24px;background:#ffffff1a}.sidebar-notifications-section{display:flex;flex-direction:column;border-top:1px solid rgba(255,255,255,.08);margin-top:.5rem;padding:.75rem .65rem;flex:1;min-height:0}.sidebar-section-header{display:flex;align-items:center;justify-content:space-between;padding:0 .35rem .5rem}.section-title-wrap{display:flex;align-items:center;gap:.4rem}.section-icon{font-size:.95rem}.section-title{font-size:.75rem;font-weight:700;color:#94a3b8;text-transform:uppercase;letter-spacing:.04em}.unread-counter{font-size:.68rem;font-weight:800;background:#f59e0b;color:#0b132b;padding:.15rem .45rem;border-radius:var(--radius-full)}.sidebar-notifications-list{display:flex;flex-direction:column;gap:.45rem;overflow-y:auto;max-height:280px;padding-right:.2rem;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.2) transparent}.sidebar-notifications-list::-webkit-scrollbar{width:4px}.sidebar-notifications-list::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}.sidebar-notif-item{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-md);padding:.65rem .75rem;cursor:pointer;transition:all .15s ease;display:flex;flex-direction:column;gap:.3rem}.sidebar-notif-item:hover{background:#ffffff17;border-color:#ffffff2e;transform:translate(2px)}.sidebar-notif-item.unread{background:#3b82f61f;border-color:#3b82f659;border-left:3px solid #3b82f6}.notif-item-top{display:flex;align-items:center;gap:.35rem}.notif-type-icon{font-size:.95rem;line-height:1}.notif-item-title{font-size:.8rem;font-weight:700;color:#fff;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.notif-item-time{font-size:.68rem;color:#64748b;white-space:nowrap}.notif-item-preview{font-size:.72rem;color:#94a3b8;margin:0;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.notif-item-action-hint{font-size:.68rem;font-weight:700;color:#38bdf8;margin-top:.15rem}.sidebar-empty-notif{padding:1.25rem .5rem;text-align:center;font-size:.75rem;color:#64748b}.supplier-home-container{max-width:980px;margin:0 auto;padding:.25rem 0 1.25rem;display:flex;flex-direction:column;gap:.75rem}.supplier-header-card{background:linear-gradient(135deg,#0b132b,#1c2541);color:#fff;border-radius:var(--radius-md);padding:.75rem 1rem;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.65rem;border:1px solid #3a4768;box-shadow:0 2px 10px #0b132b33}.supplier-profile-row{display:flex;align-items:center;gap:.65rem}.supplier-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#f59e0b,#d97706);color:#0b132b;font-weight:900;font-size:1.05rem;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #f59e0b59;flex-shrink:0;border:1.5px solid #ffffff}.supplier-info{display:flex;flex-direction:column;gap:.15rem}.supplier-title{font-size:1.05rem;font-weight:800;color:#fff;margin:0;line-height:1.2}.supplier-submeta{display:flex;align-items:center;gap:.35rem;flex-wrap:wrap;font-size:.72rem;color:#cbd5e1}.meta-badge{background:#ffffff1a;padding:.12rem .45rem;border-radius:var(--radius-full);font-weight:600}.meta-badge.fleet-count{background:#f59e0b33;color:#fde68a;border:1px solid rgba(245,158,11,.35);font-weight:700}.supplier-controls-row{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap}.ctrl-btn{display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .7rem;border-radius:var(--radius-sm);font-size:.78rem;font-weight:700;cursor:pointer;border:none;min-height:32px;transition:all .12s ease}.ctrl-btn.refresh-btn{background:#ffffff14;border:1px solid #475569;color:#e2e8f0}.ctrl-btn.refresh-btn:hover{background:#ffffff29}.ctrl-btn.sound-btn{background:#10b98126;border:1.5px solid #10b981;color:#34d399}.ctrl-btn.sound-btn.muted{background:#94a3b826;border-color:#64748b;color:#94a3b8}.ctrl-btn.sound-btn.ringing-alert{background:#ef4444;border-color:#dc2626;color:#fff;animation:siren-alert-glow 1s infinite alternate}@keyframes siren-alert-glow{0%{box-shadow:0 0 #ef444499}to{box-shadow:0 0 0 10px #ef444400}}.ctrl-btn.admin-wa-btn{background:#25d366;border-color:#16a34a;color:#fff;text-decoration:none}.ctrl-btn.admin-wa-btn:hover{background:#16a34a;border-color:#15803d;color:#fff;transform:translateY(-1px);box-shadow:0 3px 10px #25d36666}.alert-banner{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.65rem .95rem;border-radius:var(--radius-md, 8px);font-size:.86rem;font-weight:600;line-height:1.4;margin-bottom:.85rem;box-shadow:0 2px 8px #0000000a;animation:fleetzaAlertSlide .2s ease forwards}@keyframes fleetzaAlertSlide{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.alert-banner.success{background:#ecfdf5;color:#065f46;border:1.5px solid #6ee7b7}.alert-banner.info{background:#eff6ff;color:#1e40af;border:1.5px solid #93c5fd}.alert-banner.error{background:#fef2f2;color:#991b1b;border:1.5px solid #fca5a5}.alert-banner.warning{background:#fffbeb;color:#92400e;border:1.5px solid #fcd34d}.close-alert-btn{background:#0000000f;border:1px solid rgba(0,0,0,.1);color:currentColor;cursor:pointer;width:24px;height:24px;padding:0;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .15s ease;line-height:1;outline:none}.close-alert-btn:hover{background:#00000026;border-color:#00000040;transform:rotate(90deg) scale(1.1)}.close-alert-btn:active{transform:scale(.92)}.incoming-dispatch-section{border:2.5px solid #f59e0b;border-radius:var(--radius-lg);background:#fffdf5;box-shadow:0 6px 20px #d977062e;overflow:hidden;animation:dispatch-enter .3s ease}@keyframes dispatch-enter{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.incoming-section-header{background:linear-gradient(90deg,#d97706,#f59e0b);color:#fff;padding:.8rem 1.15rem;display:flex;align-items:center;gap:.65rem;font-weight:800;font-size:var(--font-sm);letter-spacing:.03em}.pulsing-siren-dot{width:12px;height:12px;border-radius:50%;background:#fff;box-shadow:0 0 0 4px #ffffff73;animation:siren-dot 1.1s infinite}@keyframes siren-dot{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.35);opacity:.6}}.incoming-requests-list{padding:.85rem;display:flex;flex-direction:column;gap:.85rem}.incoming-request-card{background:#fff;border:1.5px solid #fde68a;border-radius:var(--radius-md);padding:1.15rem;display:flex;flex-direction:column;gap:.95rem;box-shadow:0 2px 8px #0000000a}.request-card-top{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.5rem}.plate-badge{display:inline-flex;align-items:center;gap:.4rem;background:#fde047;color:#000;border:2px solid #ca8a04;border-radius:6px;font-family:Consolas,Courier New,monospace;font-weight:900;font-size:1rem;letter-spacing:.07em;padding:.25rem .65rem;box-shadow:0 2px 4px #00000014}.duty-type-pill{background:#eff6ff;color:#1d4ed8;border:1px solid #bfdbfe;font-weight:800;font-size:var(--font-xs);padding:.25rem .65rem;border-radius:var(--radius-md);text-transform:uppercase}.request-car-title{font-size:1.15rem;color:var(--text-primary);line-height:1.3}.car-model-text{color:var(--text-muted);font-size:.9rem;font-weight:500}.request-details-grid{display:grid;grid-template-columns:1fr;gap:.65rem;background:#f8fafc;padding:.85rem;border-radius:var(--radius-md);border:1px solid var(--border-subtle)}@media (min-width: 600px){.request-details-grid{grid-template-columns:1fr 1fr}}.req-detail-col{display:flex;flex-direction:column;gap:.15rem;font-size:var(--font-sm)}.req-detail-col.full-width{grid-column:1 / -1}.detail-label{font-size:.72rem;color:var(--text-muted);font-weight:700;text-transform:uppercase;letter-spacing:.04em}.detail-value{color:var(--text-primary);font-weight:600;word-break:break-word}.remarks-col{background:#fffbeb;padding:.5rem .65rem;border-radius:4px;border:1px solid #fef3c7}.remarks-col .detail-value{color:#92400e}.request-action-row{display:grid;grid-template-columns:1fr 1fr;gap:.85rem;margin-top:.25rem}.btn-accept-duty{min-height:52px;background:#10b981;color:#fff;border:2px solid #059669;border-radius:var(--radius-md);font-weight:900;font-size:1.05rem;display:flex;align-items:center;justify-content:center;gap:.5rem;cursor:pointer;box-shadow:0 4px 14px #10b98166;transition:all .15s ease}.btn-accept-duty:hover,.btn-accept-duty:active{background:#059669;transform:translateY(-1px)}.btn-decline-duty{min-height:52px;background:#fff;color:#dc2626;border:2px solid #fca5a5;border-radius:var(--radius-md);font-weight:800;font-size:1rem;display:flex;align-items:center;justify-content:center;gap:.4rem;cursor:pointer;transition:all .15s ease}.btn-decline-duty:hover,.btn-decline-duty:active{background:#fef2f2;border-color:#dc2626}.active-duties-section{border:2px solid #3b82f6;border-radius:var(--radius-lg);background:#f0f7ff;box-shadow:0 4px 16px #3b82f61f;overflow:hidden}.active-duties-header{background:linear-gradient(90deg,#1d4ed8,#2563eb);color:#fff;padding:.75rem 1rem;display:flex;align-items:center;gap:.5rem;font-weight:800;font-size:var(--font-sm)}.active-duties-list{padding:.75rem;display:flex;flex-direction:column;gap:.75rem}.active-duty-card{background:#fff;border:1px solid #bfdbfe;border-radius:var(--radius-md);padding:1rem;display:flex;flex-direction:column;gap:.75rem}.duty-card-top{display:flex;align-items:center;justify-content:space-between}.duty-card-body{font-size:1rem;color:var(--text-primary)}.duty-card-loc{font-size:var(--font-xs);color:var(--text-muted);margin-top:.25rem}.btn-complete-duty{width:100%;min-height:48px;background:#10b981;color:#fff;border:2px solid #059669;border-radius:var(--radius-md);font-weight:800;font-size:1rem;display:flex;align-items:center;justify-content:center;gap:.5rem;cursor:pointer;box-shadow:0 4px 10px #10b9814d;transition:all .15s ease}.btn-complete-duty:hover,.btn-complete-duty:active{background:#059669}.supplier-fleet-section{display:flex;flex-direction:column;gap:.95rem}.fleet-section-topbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.65rem;padding:0 .25rem}.fleet-section-title{display:flex;align-items:center;gap:.5rem}.fleet-section-title h2{font-size:1.25rem;font-weight:800;color:var(--text-primary);margin:0}.vehicles-count-pill{font-size:.75rem;font-weight:800;background:#e2e8f0;color:#475569;padding:.2rem .55rem;border-radius:var(--radius-full)}.topbar-right-actions{display:flex;align-items:center;gap:.65rem;flex-wrap:wrap}.btn-add-vehicle-top{display:inline-flex;align-items:center;gap:.4rem;padding:.45rem .95rem;background:var(--color-primary);color:#fff;border:1.5px solid var(--color-primary);border-radius:var(--radius-full);font-size:var(--font-xs);font-weight:700;cursor:pointer;transition:all .15s ease;box-shadow:0 2px 6px #2563eb40}.btn-add-vehicle-top:hover{background:#1d4ed8;border-color:#1d4ed8;transform:translateY(-1px)}.quick-filter-row{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap}.filter-btn{padding:.45rem .85rem;border-radius:var(--radius-full);font-size:var(--font-xs);font-weight:700;cursor:pointer;border:1.5px solid var(--border-color);background:var(--bg-surface);color:var(--text-secondary);transition:all .15s ease}.filter-btn:hover{background:#f1f5f9}.filter-btn.active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.filter-btn.available-filter{color:#15803d}.filter-btn.available-filter:hover{background:#dcfce7!important;border-color:#22c55e!important;color:#14532d!important}.filter-btn.available-filter.active{background:#16a34a!important;border-color:#15803d!important;color:#fff!important}.filter-btn.available-filter.active:hover{background:#15803d!important;border-color:#166534!important;color:#fff!important}.filter-btn.booked-filter{color:#b91c1c}.filter-btn.booked-filter:hover{background:#fee2e2!important;border-color:#ef4444!important;color:#7f1d1d!important}.filter-btn.booked-filter.active{background:#dc2626!important;border-color:#b91c1c!important;color:#fff!important}.filter-btn.booked-filter.active:hover{background:#b91c1c!important;border-color:#991b1b!important;color:#fff!important}.fleet-search-box{padding:0 .25rem}.fleet-search-input{width:100%;min-height:44px;padding:.55rem .95rem;border-radius:var(--radius-md);border:1.5px solid var(--border-color);font-size:var(--font-sm);background:var(--bg-surface);color:var(--text-primary)}.vehicle-cards-grid{display:grid;grid-template-columns:1fr;gap:1rem}@media (min-width: 640px){.vehicle-cards-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.vehicle-cards-grid{grid-template-columns:repeat(2,1fr)}}.vehicle-card{background:var(--bg-surface);border:2px solid var(--border-color);border-radius:var(--radius-lg);padding:1.2rem;display:flex;flex-direction:column;gap:.95rem;box-shadow:0 2px 8px #0000000a;transition:all .2s ease;position:relative}.vehicle-card.card-available{border-color:#86efac;background:linear-gradient(180deg,#f0fdf4,#fff 42%)}.vehicle-card.card-booked{border-color:#fca5a5;background:linear-gradient(180deg,#fef2f2,#fff 42%)}.vehicle-card.card-locked{border-color:#e2e8f0;background:#f8fafc}.vehicle-card-head{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.vehicle-card-details{display:flex;flex-direction:column;gap:.2rem}.vehicle-card-name{font-size:1.2rem;font-weight:800;color:var(--text-primary);margin:0;line-height:1.2}.vehicle-card-model{font-size:.85rem;color:var(--text-muted);font-weight:500}.vehicle-two-buttons{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-top:.35rem}.btn-state-available,.btn-state-booked{min-height:50px;border-radius:var(--radius-md);font-weight:800;font-size:.95rem;display:flex;align-items:center;justify-content:center;gap:.45rem;cursor:pointer;transition:all .15s ease;border:2px solid transparent}.btn-state-available .dot-icon{font-size:.95rem;color:#10b981}.btn-state-booked .dot-icon{font-size:.95rem;color:#ef4444}.btn-state-available{background:#f0fdf4;color:#166534;border-color:#86efac}.btn-state-available:hover:not(:disabled){background:#dcfce7!important;border-color:#22c55e!important;color:#14532d!important;box-shadow:0 4px 12px #22c55e40;transform:translateY(-1px)}.btn-state-booked{background:#fef2f2;color:#991b1b;border-color:#fca5a5}.btn-state-booked:hover:not(:disabled){background:#fee2e2!important;border-color:#ef4444!important;color:#7f1d1d!important;box-shadow:0 4px 12px #ef444440;transform:translateY(-1px)}.btn-state-available.is-selected{background:#16a34a;color:#fff;border-color:#15803d;box-shadow:0 4px 14px #16a34a59}.btn-state-available.is-selected:hover:not(:disabled){background:#15803d!important;border-color:#166534!important;color:#fff!important;box-shadow:0 4px 16px #15803d73;transform:translateY(-1px)}.btn-state-available.is-selected .dot-icon{color:#fff}.btn-state-booked.is-selected{background:#dc2626;color:#fff;border-color:#b91c1c;box-shadow:0 4px 14px #dc262659}.btn-state-booked.is-selected:hover:not(:disabled){background:#b91c1c!important;border-color:#991b1b!important;color:#fff!important;box-shadow:0 4px 16px #b91c1c73;transform:translateY(-1px)}.btn-state-booked.is-selected .dot-icon{color:#fff}.btn-state-available:disabled,.btn-state-booked:disabled{opacity:.45;cursor:not-allowed}.locked-banner{display:flex;align-items:center;justify-content:center;gap:.45rem;padding:.55rem;border-radius:var(--radius-md);font-size:var(--font-xs);font-weight:700;text-align:center}.locked-banner.request-locked{background:#fefce8;color:#854d0e;border:1px dashed #fde047}.locked-banner.duty-locked{background:#eff6ff;color:#1e40af;border:1px dashed #bfdbfe}.empty-fleet-card{background:var(--bg-surface);border:2px dashed var(--border-color);border-radius:var(--radius-lg);padding:2.5rem 1.5rem;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.65rem}.empty-fleet-card .empty-icon{font-size:2.75rem}.empty-fleet-card h3{font-size:1.15rem;font-weight:800;color:var(--text-primary);margin:0}.empty-fleet-card p{font-size:var(--font-sm);color:var(--text-muted);max-width:400px;margin:0}.supplier-top-duty-container{display:flex;flex-direction:column;gap:.85rem;margin-bottom:1.25rem;width:100%}.top-duty-banner{background:#fff;border:2px solid #ef4444;border-radius:var(--radius-lg);overflow:hidden;box-shadow:0 8px 24px -4px #ef444438;animation:topDutySlideDown .25s ease-out}@keyframes topDutySlideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.top-duty-header{background:linear-gradient(90deg,#dc2626,#b91c1c);color:#fff;padding:.75rem 1.15rem;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.5rem}.top-duty-pulse-wrap{display:flex;align-items:center;gap:.5rem}.top-duty-pulsing-dot{width:10px;height:10px;border-radius:50%;background:#fff;box-shadow:0 0 0 4px #fff6;animation:admin-dot-pulse 1.4s infinite}.top-duty-headline{font-size:.85rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.top-duty-tools{display:flex;align-items:center;gap:.5rem}.top-sound-toggle-btn{background:#00000040;border:1px solid rgba(255,255,255,.35);color:#fff;font-size:var(--font-xs);font-weight:700;padding:.25rem .65rem;border-radius:var(--radius-full);display:inline-flex;align-items:center;gap:.35rem;cursor:pointer;transition:all .15s ease}.top-sound-toggle-btn.active{background:#f59e0b;color:#0b132b;border-color:#f59e0b}.top-duty-content{padding:1.15rem;display:grid;grid-template-columns:1fr;gap:1rem;align-items:center}@media (min-width: 768px){.top-duty-content{grid-template-columns:minmax(180px,1.2fr) minmax(220px,2fr) auto}}.top-duty-car-col{display:flex;flex-direction:column;gap:.4rem}.top-duty-car-desc{font-size:1rem;color:var(--text-primary)}.top-duty-trip-col{display:flex;flex-direction:column;gap:.35rem;background:#f8fafc;padding:.75rem .95rem;border-radius:var(--radius-md);border:1px solid var(--border-subtle)}.top-trip-row{display:flex;align-items:center;gap:.45rem;font-size:.85rem;color:var(--text-secondary)}.top-trip-row strong{color:var(--text-primary)}.top-duty-actions-col{display:flex;align-items:center;gap:.65rem;flex-wrap:wrap}.btn-top-accept{flex:1;min-width:140px;min-height:46px;background:#10b981;color:#fff;border:2px solid #059669;border-radius:var(--radius-md);font-weight:800;font-size:.95rem;display:inline-flex;align-items:center;justify-content:center;gap:.45rem;cursor:pointer;box-shadow:0 4px 12px #10b9814d;transition:all .15s ease}.btn-top-accept:hover{background:#059669;transform:translateY(-1px)}.btn-top-decline{flex:1;min-width:100px;min-height:46px;background:#fef2f2;color:#dc2626;border:1.5px solid #fecaca;border-radius:var(--radius-md);font-weight:800;font-size:.9rem;display:inline-flex;align-items:center;justify-content:center;gap:.45rem;cursor:pointer;transition:all .15s ease}.btn-top-decline:hover{background:#dc2626;color:#fff;border-color:#dc2626}.top-duty-urgent-card{background:linear-gradient(135deg,#1e1b4b,#311042,#1e1b4b);color:#fff;border-radius:var(--radius-md, 8px);padding:.75rem .9rem;margin-bottom:.85rem;display:flex;flex-direction:column;gap:.55rem;box-shadow:0 4px 18px #dc262659;border:1.5px solid #ef4444;animation:fleetzaToastSlideIn .25s ease forwards}.top-duty-urgent-top{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.45rem}.top-duty-urgent-body{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.7rem}.top-duty-urgent-info{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;font-size:.82rem;min-width:0;flex:1 1 320px}.top-duty-route-pill{display:inline-flex;align-items:center;gap:.25rem;max-width:100%;word-break:break-word}.top-duty-urgent-actions{display:flex;align-items:center;gap:.45rem;flex-wrap:wrap;flex-shrink:0}.top-duty-accept-btn{background:#16a34a;border:none;color:#fff;border-radius:6px;padding:.45rem .9rem;font-weight:800;font-size:.82rem;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:4px;min-height:40px;box-shadow:0 2px 8px #16a34a66}.top-duty-decline-btn{background:#ef444440;border:1.5px solid #ef4444;color:#fca5a5;border-radius:6px;padding:.45rem .8rem;font-weight:700;font-size:.82rem;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:4px;min-height:40px}.quota-pill-badge{background:#f0fdf4;color:#166534;border:1px solid #bbf7d0;border-radius:6px;padding:.4rem .75rem;font-size:.8rem;font-weight:700;display:inline-flex;align-items:center;gap:5px;white-space:nowrap}.quota-pill-badge.is-full{background:#fee2e2;color:#991b1b;border-color:#fecaca}.supplier-duty-actions-grid{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.65rem}@media (max-width: 768px){.supplier-home-container{padding:.15rem 0 1.25rem;gap:.65rem}.supplier-header-card{padding:.65rem .75rem;flex-direction:column;align-items:flex-start;gap:.5rem}.supplier-controls-row{width:100%;justify-content:flex-end}.vehicle-cards-grid{grid-template-columns:1fr;gap:.65rem}.vehicle-card{padding:.85rem;gap:.65rem}.vehicle-two-buttons{grid-template-columns:1fr 1fr;gap:.5rem}.btn-state-available,.btn-state-booked{min-height:44px;font-size:.85rem;padding:.45rem}.active-duty-card{padding:.75rem}.fleet-section-topbar{flex-direction:column;align-items:stretch;gap:.5rem}.topbar-right-actions{width:100%;justify-content:space-between;gap:.45rem}.quick-filter-row{width:100%;overflow-x:auto;flex-wrap:nowrap;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding-bottom:2px}.quick-filter-row::-webkit-scrollbar{display:none}.filter-btn{white-space:nowrap;padding:.38rem .7rem;font-size:.75rem}}@media (max-width: 640px){.top-duty-urgent-actions{width:100%;display:grid;grid-template-columns:1fr 1fr}.top-duty-urgent-pager{grid-column:1 / -1;display:flex;justify-content:flex-end;gap:.35rem}.top-duty-accept-btn,.top-duty-decline-btn{width:100%;min-height:44px}}@media (max-width: 560px){.supplier-duty-actions-grid{display:grid;grid-template-columns:1fr 1fr}.supplier-duty-actions-grid>button{width:100%!important;min-width:0!important}}@media (max-width: 480px){.supplier-controls-row{display:grid;grid-template-columns:1fr 1fr;gap:.35rem;width:100%}.supplier-controls-row .ctrl-btn{justify-content:center;width:100%;min-height:40px;font-size:.74rem}.supplier-profile-row{width:100%}.supplier-avatar{width:34px;height:34px;font-size:.95rem}.supplier-title{font-size:.95rem}.topbar-right-actions .quota-pill-badge{flex:1;justify-content:center}.topbar-right-actions .btn-add-vehicle-top{flex:1;justify-content:center;min-height:38px}.vehicle-card-head{flex-wrap:wrap}.plate-badge{font-size:.92rem;padding:.22rem .55rem}.vehicle-two-buttons button{font-size:.82rem;padding:.45rem .25rem}}.admin-container{max-width:1200px;margin:0 auto;padding:.25rem 0 1.25rem;display:flex;flex-direction:column;gap:.75rem}.admin-hero-card{background:linear-gradient(135deg,#0f172a,#1e293b);color:#fff;border-radius:var(--radius-md);padding:.75rem 1rem;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.65rem;border:1px solid #334155;box-shadow:var(--shadow-sm)}.admin-hero-copy{display:flex;flex-direction:column;gap:.2rem}.admin-hero-copy h1{font-size:1.15rem;font-weight:800;color:#fff;margin:0;letter-spacing:-.01em}.admin-hero-copy p{color:#94a3b8;font-size:.76rem;margin:0}.admin-live-badge{display:inline-flex;align-items:center;gap:.35rem;background:#22c55e26;border:1px solid rgba(34,197,94,.35);color:#4ade80;padding:.15rem .5rem;border-radius:var(--radius-full);font-size:.68rem;font-weight:700;align-self:flex-start}.admin-pulse-dot{width:6px;height:6px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 2px #22c55e4d;animation:admin-dot-pulse 1.6s infinite}@keyframes admin-dot-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.3);opacity:.6}}.admin-hero-actions{display:flex;align-items:center;gap:.45rem;flex-wrap:wrap}.admin-hero-btn{display:inline-flex;align-items:center;gap:.4rem;padding:.35rem .75rem;border-radius:var(--radius-sm);font-weight:700;font-size:.78rem;text-decoration:none;cursor:pointer;transition:all .12s ease;min-height:32px}.admin-hero-btn.primary{background:var(--color-primary);color:#fff;border:1px solid var(--color-primary);box-shadow:0 2px 6px #2563eb4d}.admin-hero-btn.primary:hover{background:var(--color-primary-hover)}.admin-hero-btn.secondary{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2)}.admin-hero-btn.secondary:hover{background:#ffffff2e}.admin-metrics-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.55rem}@media (min-width: 900px){.admin-metrics-grid{grid-template-columns:repeat(4,1fr)}}.admin-metric-card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:.7rem .85rem;display:flex;flex-direction:column;gap:.25rem;box-shadow:var(--shadow-sm);position:relative;overflow:hidden;transition:transform .15s ease,box-shadow .15s ease}.admin-metric-card:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}.admin-metric-top{display:flex;align-items:center;justify-content:space-between;color:var(--text-muted);font-size:.68rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.admin-metric-icon{width:28px;height:28px;border-radius:6px;display:flex;align-items:center;justify-content:center}.admin-metric-card.accent-green .admin-metric-icon{background:#dcfce7;color:#15803d}.admin-metric-card.accent-blue .admin-metric-icon{background:#dbeafe;color:#1e40af}.admin-metric-card.accent-amber .admin-metric-icon{background:#fef3c7;color:#b45309}.admin-metric-card.accent-purple .admin-metric-icon{background:#f3e8ff;color:#7e22ce}.admin-metric-value{font-size:1.55rem;font-weight:900;color:var(--text-primary);line-height:1.1}.admin-metric-footer{font-size:.7rem;color:var(--text-muted);display:flex;align-items:center;gap:.3rem}.admin-add-city-bar{display:flex;gap:.65rem;align-items:center;flex-wrap:wrap;margin:.5rem 0 1rem}.city-del-btn{background:none;border:1px solid rgba(220,38,38,.25);color:#dc2626;padding:.2rem .5rem;border-radius:var(--radius-sm);font-size:.8rem;cursor:pointer;transition:all .15s ease;line-height:1;display:inline-flex;align-items:center;justify-content:center}.city-del-btn:hover{background:#fef2f2;border-color:#dc2626}.admin-city-grid{display:grid;grid-template-columns:1fr;gap:.85rem}@media (min-width: 640px){.admin-city-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.admin-city-grid{grid-template-columns:repeat(3,1fr)}}.admin-city-card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:1rem 1.15rem;display:flex;flex-direction:column;gap:.65rem;box-shadow:var(--shadow-sm);transition:all .15s ease}.admin-city-card:hover{border-color:var(--color-primary)}.admin-city-header{display:flex;align-items:center;justify-content:space-between}.admin-city-name{font-size:1.05rem;font-weight:800;color:var(--text-primary);display:flex;align-items:center;gap:.4rem}.admin-city-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;background:#f8fafc;padding:.65rem;border-radius:var(--radius-sm);text-align:center}.admin-city-stat-item{display:flex;flex-direction:column;gap:.15rem}.admin-city-stat-item span{font-size:.7rem;color:var(--text-muted);text-transform:uppercase}.admin-city-stat-item strong{font-size:1.15rem;font-weight:800;color:var(--text-primary)}.admin-city-stat-item.ready strong{color:#16a34a}.admin-dispatch-steps{display:flex;flex-direction:column;gap:1.25rem}.admin-step-panel{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1.25rem;display:flex;flex-direction:column;gap:1rem;box-shadow:var(--shadow-sm)}.admin-step-header{display:flex;align-items:center;gap:.75rem}.admin-step-number{width:28px;height:28px;border-radius:50%;background:var(--color-primary);color:#fff;font-weight:800;font-size:var(--font-xs);display:flex;align-items:center;justify-content:center}.admin-step-title{font-size:1.1rem;font-weight:800;color:var(--text-primary);margin:0}.admin-city-picker{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:.65rem}.admin-city-pick-btn{background:#f8fafc;border:1.5px solid var(--border-color);border-radius:var(--radius-md);padding:.75rem .65rem;text-align:center;display:flex;flex-direction:column;align-items:center;gap:.25rem;cursor:pointer;transition:all .15s ease}.admin-city-pick-btn:hover{background:#fff;border-color:var(--color-primary)}.admin-city-pick-btn.selected{background:var(--color-primary-light);border-color:var(--color-primary);box-shadow:0 0 0 2px #2563eb33}.admin-city-pick-btn strong{font-size:var(--font-sm);color:var(--text-primary)}.admin-city-pick-btn span{font-size:var(--font-xs);color:var(--text-muted)}.admin-city-pick-btn.selected span{color:var(--color-primary);font-weight:700}.admin-vehicle-pick-grid{display:grid;grid-template-columns:1fr;gap:.75rem}@media (min-width: 640px){.admin-vehicle-pick-grid{grid-template-columns:repeat(2,1fr)}}.admin-vehicle-pick-card{background:var(--bg-surface);border:2px solid var(--border-color);border-radius:var(--radius-md);padding:.95rem;display:flex;align-items:center;justify-content:space-between;gap:.75rem;cursor:pointer;transition:all .15s ease;text-align:left}.admin-vehicle-pick-card:hover{border-color:#3b82f6;background:#f8fbff}.admin-vehicle-pick-card.selected{border-color:var(--color-primary);background:var(--color-primary-light);box-shadow:0 0 0 2px #2563eb40}.admin-vehicle-pick-info{display:flex;flex-direction:column;gap:.2rem}.admin-vehicle-pick-name{font-size:1rem;font-weight:800;color:var(--text-primary)}.admin-vehicle-pick-supplier{font-size:var(--font-xs);color:var(--text-muted)}.admin-ops-tracker-list{display:flex;flex-direction:column;gap:.75rem}.admin-tracker-row{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:1rem;display:flex;flex-direction:column;gap:.65rem;box-shadow:var(--shadow-sm);transition:all .15s ease}.admin-tracker-row.confirmed{border-left:4px solid #1d4ed8;background:#fbfdff}.admin-tracker-row.requested{border-left:4px solid #f59e0b}.admin-tracker-top{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.5rem}.admin-tracker-details{display:grid;grid-template-columns:1fr;gap:.35rem;font-size:var(--font-xs);color:var(--text-secondary)}@media (min-width: 640px){.admin-tracker-details{grid-template-columns:repeat(2,1fr)}}.admin-tracker-actions{display:flex;align-items:center;gap:.5rem;margin-top:.25rem}.admin-whatsapp-btn{display:inline-flex;align-items:center;gap:.4rem;background:#25d366;color:#fff;padding:.45rem .85rem;border-radius:var(--radius-md);font-size:var(--font-xs);font-weight:700;text-decoration:none;cursor:pointer;border:none;transition:all .15s ease}.admin-whatsapp-btn:hover{background:#20ba5a;transform:translateY(-1px)}.admin-supplier-grid{display:grid;grid-template-columns:1fr;gap:.85rem}@media (min-width: 640px){.admin-supplier-grid{grid-template-columns:repeat(2,1fr)}}.admin-supplier-card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1.15rem;display:flex;flex-direction:column;gap:.85rem;box-shadow:var(--shadow-sm);transition:all .15s ease}.admin-supplier-card:hover{box-shadow:var(--shadow-md)}.admin-supplier-card-top{display:flex;align-items:flex-start;gap:.85rem}.admin-supplier-avatar{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,#1e40af,#3b82f6);color:#fff;font-weight:800;font-size:1.15rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.admin-supplier-meta{display:flex;flex-direction:column;gap:.2rem;flex:1;min-width:0}.admin-supplier-name{font-size:1.05rem;font-weight:800;color:var(--text-primary);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-supplier-company{font-size:var(--font-xs);color:var(--text-muted)}.admin-supplier-tags{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap;margin-top:.25rem}.admin-tag{font-size:.7rem;font-weight:600;padding:.15rem .5rem;border-radius:var(--radius-full);background:#f1f5f9;color:#475569}.admin-tag.city{background:#eff6ff;color:#1e40af}.admin-tag.cars{background:#f0fdf4;color:#16a34a;font-weight:700}.admin-supplier-card-actions{display:flex;align-items:center;gap:.5rem;border-top:1px solid var(--border-subtle);padding-top:.75rem;flex-wrap:wrap}.admin-supplier-card-actions button,.admin-supplier-card-actions a{flex:1;min-height:38px;justify-content:center}.filter-chip{display:inline-flex;align-items:center;gap:.35rem;padding:.4rem .85rem;border-radius:var(--radius-full);font-size:var(--font-xs);font-weight:700;border:1px solid var(--border-color);background:var(--bg-surface);color:var(--text-secondary);cursor:pointer;transition:all .15s ease;white-space:nowrap}.filter-chip:hover{border-color:var(--color-primary);color:var(--color-primary);background:#f8fafc}.filter-chip.active{background:var(--color-dark);color:#fff;border-color:var(--color-dark);box-shadow:0 2px 4px #0f172a33}.dco-tab-btn{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;padding:.45rem .85rem;border-radius:var(--radius-md);font-size:var(--font-xs);font-weight:700;border:1px solid var(--border-color);background:var(--bg-surface);color:var(--text-secondary);cursor:pointer;transition:all .15s ease;white-space:nowrap}.dco-tab-btn:hover{border-color:var(--color-primary);color:var(--color-primary);background:#f8fafc}.dco-tab-btn.active{background:var(--color-primary);color:#fff;border-color:var(--color-primary);box-shadow:0 2px 6px #1e40af40}.quick-chip-btn{background:#eff6ff;border:1px solid #bfdbfe;color:var(--color-primary);font-size:.72rem;font-weight:700;border-radius:var(--radius-full);padding:.15rem .55rem;cursor:pointer;transition:all .15s ease;display:inline-flex;align-items:center}.quick-chip-btn:hover{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.dco-container{max-width:1200px;margin:0 auto;padding:.5rem .25rem 2.5rem;display:flex;flex-direction:column;gap:1.25rem}.dco-empty-state{text-align:center;padding:3rem 1.5rem;background:var(--bg-surface);border:1px dashed var(--border-color);border-radius:var(--radius-lg);display:flex;flex-direction:column;align-items:center;gap:.5rem;box-shadow:var(--shadow-xs)}.dco-empty-title{font-size:1.05rem;font-weight:700;color:var(--text-primary)}.dco-empty-desc{font-size:var(--font-sm);color:var(--text-muted);max-width:440px;margin:0;line-height:1.5}.dco-vehicle-grid{display:grid;grid-template-columns:1fr;gap:1rem}@media (min-width: 640px){.dco-vehicle-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.dco-vehicle-grid{grid-template-columns:repeat(3,1fr)}}.dco-vehicle-card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-md, 8px);padding:.85rem;display:flex;flex-direction:column;gap:.6rem;box-shadow:0 1px 3px #00000005;transition:all .15s ease;position:relative;overflow:hidden}.dco-vehicle-card:hover{box-shadow:var(--shadow-sm);border-color:#cbd5e1}.dco-vehicle-card.status-available{border-left:4px solid #10b981}.dco-vehicle-card.status-booked{border-left:4px solid #ef4444}.dco-vehicle-card.status-requested{border-left:4px solid #f59e0b;background:#fffdf5}.dco-vehicle-card.status-confirmed{border-left:4px solid #2563eb}.dco-vehicle-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:.5rem}.dco-vehicle-info{display:flex;flex-direction:column;gap:.25rem}.dco-vehicle-name{font-size:.95rem;font-weight:800;color:var(--text-primary);margin:0;line-height:1.2}.dco-vehicle-model{font-size:.75rem;color:var(--text-muted)}.admin-card-btn{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;padding:.35rem .65rem;border-radius:6px;font-size:.775rem;font-weight:600;cursor:pointer;border:1px solid var(--border-color, #cbd5e1);background:#fff;color:var(--text-secondary, #475569);transition:all .15s ease;line-height:1.2}.admin-card-btn:hover{background:#f8fafc;border-color:#94a3b8;color:var(--text-primary, #0f172a)}.admin-card-btn.edit{color:#2563eb;border-color:#bfdbfe;background:#eff6ff}.admin-card-btn.edit:hover{background:#dbeafe;border-color:#93c5fd;color:#1d4ed8}.admin-card-btn.key{color:#d97706;border-color:#fde68a;background:#fffbeb}.admin-card-btn.key:hover{background:#fef3c7;border-color:#fcd34d;color:#b45309}.admin-card-btn.disable{color:#dc2626;border-color:#fecaca;background:#fef2f2}.admin-card-btn.disable:hover{background:#fee2e2;border-color:#fca5a5;color:#b91c1c}.admin-card-btn.enable{color:#16a34a;border-color:#bbf7d0;background:#f0fdf4}.admin-card-btn.enable:hover{background:#dcfce7;border-color:#86efac;color:#15803d}.admin-card-btn.delete{color:#ef4444;border:1px solid transparent;background:transparent;padding:.35rem .5rem;border-radius:6px}.admin-card-btn.delete:hover{background:#fee2e2;color:#dc2626;border-color:#fca5a5}.btn-chip-delete{background:transparent;border:none;cursor:pointer;color:#94a3b8;padding:4px;border-radius:4px;display:inline-flex;align-items:center;justify-content:center;transition:all .15s ease}.btn-chip-delete:hover{color:#ef4444;background:#fee2e2}.btn-status-toggle{border:none;border-radius:6px;padding:.35rem .75rem;font-size:.75rem;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;gap:.35rem;transition:all .15s ease}.btn-status-toggle.available{background:#dcfce7;color:#15803d;border:1px solid #bbf7d0}.btn-status-toggle.available:hover{background:#bbf7d0;border-color:#86efac}.btn-status-toggle.booked{background:#fee2e2;color:#b91c1c;border:1px solid #fecaca}.btn-status-toggle.booked:hover{background:#fecaca;border-color:#fca5a5}.admin-vehicle-pick-card.is-booked{background:#fff8f8;border-color:#fca5a5;cursor:not-allowed;opacity:.88}.admin-vehicle-pick-card.is-booked:hover{background:#fee2e2;border-color:#f87171}.admin-vehicle-pick-card.is-duty{background:#f8fbff;border-color:#93c5fd;cursor:not-allowed;opacity:.88}.admin-vehicle-pick-card.is-duty:hover{background:#eff6ff;border-color:#60a5fa}.cannot-dispatch-notice{display:inline-flex;align-items:center;gap:.35rem;background:#fee2e2;color:#991b1b;border:1px solid #fecaca;padding:.2rem .5rem;border-radius:4px;font-size:.725rem;font-weight:700}.can-dispatch-notice{display:inline-flex;align-items:center;gap:.35rem;background:#f0fdf4;color:#166534;border:1px solid #bbf7d0;padding:.2rem .5rem;border-radius:4px;font-size:.725rem;font-weight:700}.login-monitor-list{display:flex;flex-direction:column;gap:.75rem}.login-monitor-card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:.95rem 1.15rem;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.85rem;box-shadow:0 1px 3px #00000008;transition:all .15s ease}.login-monitor-card:hover{box-shadow:var(--shadow-sm);border-color:#cbd5e1}.login-monitor-card.is-online{border-left:4px solid #10b981;background:#fbfdfc}.login-monitor-card.is-inactive{border-left:4px solid #ef4444;background:snow}.login-monitor-card.is-recent{border-left:4px solid #f59e0b}.supplier-online-dot{width:9px;height:9px;border-radius:50%;display:inline-block}.supplier-online-dot.online{background:#10b981;box-shadow:0 0 0 3px #10b98140;animation:admin-dot-pulse 1.8s infinite}.supplier-online-dot.offline{background:#94a3b8}.supplier-online-badge{display:inline-flex;align-items:center;gap:.4rem;padding:.25rem .65rem;border-radius:var(--radius-full);font-size:.75rem;font-weight:700}.supplier-online-badge.online{background:#dcfce7;color:#15803d;border:1px solid #bbf7d0}.supplier-online-badge.offline{background:#f1f5f9;color:#475569;border:1px solid #e2e8f0}.supplier-inactive-tag{background:#fee2e2;color:#991b1b;border:1px solid #fecaca;padding:.15rem .5rem;border-radius:4px;font-size:.72rem;font-weight:700;display:inline-flex;align-items:center;gap:3px}.btn-reminder-wa{display:inline-flex;align-items:center;gap:.35rem;background:#25d366;color:#fff;padding:.4rem .75rem;border-radius:6px;font-size:.775rem;font-weight:700;border:none;cursor:pointer;text-decoration:none;transition:all .15s ease}.btn-reminder-wa:hover{background:#20ba5a;transform:translateY(-1px)}.btn-reminder-sms{display:inline-flex;align-items:center;gap:.35rem;background:#eff6ff;color:#1d4ed8;border:1px solid #bfdbfe;padding:.4rem .75rem;border-radius:6px;font-size:.775rem;font-weight:700;cursor:pointer;text-decoration:none;transition:all .15s ease}.btn-reminder-sms:hover{background:#dbeafe;border-color:#93c5fd}.btn-reminder-copy{display:inline-flex;align-items:center;gap:.35rem;background:#f8fafc;color:#334155;border:1px solid #cbd5e1;padding:.4rem .75rem;border-radius:6px;font-size:.775rem;font-weight:700;cursor:pointer;transition:all .15s ease}.btn-reminder-copy:hover{background:#f1f5f9;border-color:#94a3b8}.login-monitor-card{padding:.55rem .85rem!important;gap:.5rem!important;border-radius:var(--radius-sm, 6px)!important}.btn-reminder-wa,.btn-reminder-sms,.btn-reminder-copy{padding:.25rem .55rem!important;font-size:.72rem!important;border-radius:4px!important}.admin-city-card{padding:.6rem .75rem!important}.admin-city-stats{margin-top:.35rem!important;padding-top:.35rem!important;gap:.35rem!important}.admin-city-stat-item{padding:.2rem .35rem!important;font-size:.68rem!important}.admin-city-stat-item strong{font-size:.85rem!important}.supplier-fleet-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:.75rem;margin-top:.5rem}.supplier-monitor-row{background:#fff;border-radius:var(--radius-sm, 6px);padding:.55rem .85rem;display:flex;align-items:center;justify-content:space-between;gap:.65rem;flex-wrap:wrap;transition:box-shadow .15s ease,border-color .15s ease}.supplier-monitor-row:hover{box-shadow:var(--shadow-sm)}.supplier-monitor-info{display:flex;align-items:center;flex-wrap:wrap;gap:.45rem;flex:1 1 320px;min-width:0}.supplier-monitor-time{margin-left:auto;font-size:.7rem;color:#94a3b8;white-space:nowrap}.supplier-monitor-actions{display:flex;align-items:center;gap:.4rem;flex-shrink:0;flex-wrap:wrap}.admin-search-input-wrap{min-width:170px;max-width:240px;width:100%}.admin-inline-form{display:flex;gap:.4rem;margin-bottom:.65rem;max-width:480px;width:100%}.admin-master-city-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,200px),1fr));gap:.45rem}.admin-master-group-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,170px),1fr));gap:.45rem}.admin-card-toolbar{background:#fff;border-radius:8px;border:1px solid #e2e8f0;padding:.85rem;margin-bottom:1rem;display:flex;flex-direction:column;gap:.75rem;box-shadow:0 1px 3px #00000008}.admin-card-toolbar-top{display:flex;gap:.65rem;flex-wrap:wrap;align-items:center;justify-content:space-between}.admin-card-toolbar-search{flex:1 1 240px;position:relative;display:flex;align-items:center;min-width:0}.admin-card-toolbar-controls{display:flex;align-items:center;gap:.55rem;flex-wrap:wrap}.supplier-grid-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:.85rem}.admin-live-alert-banner{color:#fff;padding:.65rem 1.1rem;border-radius:8px;margin-bottom:.9rem;box-shadow:0 10px 15px -3px #00000040;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.65rem;animation:fadeInAlert .25s ease}.admin-live-alert-meta{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;min-width:0;flex:1 1 240px}.admin-live-alert-controls{display:flex;align-items:center;gap:.45rem;flex-shrink:0}.admin-notif-toolbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.5rem;margin-bottom:.65rem}.admin-notif-search{flex:1 1 180px;max-width:260px}.admin-notif-row{border-radius:6px;padding:.6rem .85rem;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.5rem;cursor:pointer;transition:all .15s ease}.admin-notif-row-main{display:flex;align-items:center;gap:.55rem;flex-wrap:wrap;flex:1 1 0%;min-width:0}.admin-notif-meta{display:inline-flex;align-items:center;gap:.4rem;flex-wrap:wrap;font-size:.76rem;color:var(--text-secondary)}.supplier-fleet-card{background:#fff;border:1px solid var(--border-color, #e2e8f0);border-radius:var(--radius-md, 8px);padding:.75rem .95rem;display:flex;flex-direction:column;gap:.55rem;box-shadow:0 1px 3px #00000005;transition:all .15s ease}.supplier-fleet-card:hover{box-shadow:0 4px 6px -1px #0000000d;border-color:#cbd5e1}.supplier-fleet-stats-row{display:grid;grid-template-columns:repeat(3,1fr);gap:.4rem;background:#f8fafc;padding:.4rem .5rem;border-radius:6px;border:1px solid #f1f5f9;text-align:center}.supplier-fleet-stat-badge{display:flex;flex-direction:column;align-items:center;gap:1px}.supplier-fleet-stat-badge.ready{background:#ecfdf5;color:#065f46;border-radius:4px;padding:.25rem .2rem}.supplier-fleet-stat-badge.booked{background:#fef2f2;color:#991b1b;border-radius:4px;padding:.25rem .2rem}.supplier-fleet-stat-badge.total{background:#f1f5f9;color:#334155;border-radius:4px;padding:.25rem .2rem}@media (max-width: 768px){.admin-container{padding:.15rem 0 1.25rem;gap:.65rem}.admin-search-input-wrap,.admin-notif-search{max-width:100%;min-width:0;flex:1 1 100%}.admin-card-toolbar-controls{width:100%;justify-content:space-between}.admin-card-toolbar-controls select{flex:1;min-width:0;font-size:16px}.admin-inline-form{max-width:100%}.admin-hero-card{padding:.75rem .85rem;flex-direction:column;align-items:flex-start;gap:.65rem}.admin-hero-actions{width:100%;justify-content:flex-start}.admin-hero-btn{flex:1 1 auto;justify-content:center}.admin-metrics-grid{grid-template-columns:repeat(2,1fr);gap:.45rem}.admin-metric-card{padding:.55rem .65rem}.admin-metric-value{font-size:1.35rem}.admin-city-picker{grid-template-columns:repeat(2,1fr)!important;gap:.45rem!important}.admin-city-pick-btn{padding:.55rem .45rem!important}.supplier-monitor-row{flex-direction:column!important;align-items:flex-start!important;gap:.45rem!important;padding:.55rem .65rem!important}.supplier-monitor-info{width:100%;display:flex;flex-wrap:wrap;align-items:center;gap:.35rem}.supplier-monitor-time{margin-left:0!important;display:block;width:100%;font-size:.68rem!important}.supplier-monitor-actions{width:100%;display:flex;align-items:center;justify-content:space-between;gap:.35rem;padding-top:.4rem;border-top:1px solid #f1f5f9}.supplier-monitor-actions a,.supplier-monitor-actions button{flex:1 1 auto;text-align:center;justify-content:center;min-height:32px}.supplier-card-actions{display:flex;gap:.35rem;align-items:center;flex-wrap:wrap;border-top:1px solid #f1f5f9;padding-top:.55rem}.supplier-card-actions a,.supplier-card-actions .admin-card-btn{flex:1 1 auto;text-align:center;justify-content:center;min-height:34px;padding:.35rem .5rem;font-size:.73rem}.supplier-fleet-grid{grid-template-columns:1fr}.filter-chips-scroll{display:flex;gap:.35rem;overflow-x:auto;padding-bottom:.35rem;-webkit-overflow-scrolling:touch;scrollbar-width:none}.filter-chips-scroll::-webkit-scrollbar{display:none}.admin-vehicle-pick-card{padding:.65rem .75rem;flex-direction:column;align-items:flex-start;gap:.45rem}.admin-vehicle-pick-card>div:last-child{width:100%;flex-direction:row!important;justify-content:space-between!important;align-items:center!important;border-top:1px solid #f1f5f9;padding-top:.4rem}.admin-hero-card{padding:.95rem .85rem;gap:.65rem}.admin-hero-copy p{display:none}.admin-hero-actions{width:100%;display:flex;gap:.35rem}.admin-hero-actions a,.admin-hero-actions button{flex:1 1 auto;text-align:center;justify-content:center;min-height:38px;padding:.35rem .65rem;font-size:.8rem}.supplier-grid-container{grid-template-columns:1fr!important;gap:.75rem!important}.dco-vehicle-actions{display:flex;gap:.35rem;flex-wrap:wrap;margin-top:.35rem}.dco-vehicle-actions button,.dco-vehicle-actions a{flex:1 1 auto;min-height:38px;justify-content:center;text-align:center}.dispatch-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:.55rem}.dispatch-form-grid .full-col{grid-column:1 / -1}}@media (max-width: 480px){.admin-step-header{flex-wrap:wrap;gap:.4rem}.admin-step-title{font-size:.95rem}.admin-step-panel{padding:.75rem .65rem;border-radius:var(--radius-sm, 6px)}.admin-hero-copy h1{font-size:1.1rem}.supplier-fleet-stats-row{grid-template-columns:repeat(3,1fr)!important;gap:.25rem!important}.supplier-fleet-stat-badge{padding:.35rem .25rem!important;text-align:center}.supplier-fleet-stat-badge strong{font-size:.88rem!important}}.dispatch-compact-container{display:flex;flex-direction:column;gap:.6rem;max-width:1200px;margin:0 auto}.dispatch-toolbar{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:.55rem .85rem;display:flex;align-items:center;justify-content:space-between;gap:.65rem;flex-wrap:wrap;box-shadow:var(--shadow-sm)}.dispatch-toolbar-left{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}.dispatch-toolbar-title{font-size:1.05rem;font-weight:800;color:var(--text-primary);margin:0;display:flex;align-items:center;gap:.4rem}.dispatch-net-pill{font-size:.72rem;font-weight:700;padding:.15rem .55rem;border-radius:var(--radius-full);background:#ecfdf5;color:#059669;border:1px solid #a7f3d0;display:inline-flex;align-items:center;gap:.3rem;white-space:nowrap}.city-scroll-toolbar{display:flex;align-items:center;gap:.35rem;overflow-x:auto;max-width:100%;padding-bottom:2px;scrollbar-width:thin}.city-pill-tab{display:inline-flex;align-items:center;gap:.3rem;padding:.25rem .65rem;border-radius:var(--radius-full);border:1px solid var(--border-color);background:#f8fafc;color:var(--text-primary);font-size:.76rem;font-weight:600;cursor:pointer;white-space:nowrap;transition:all .12s ease}.city-pill-tab:hover{background:#fff;border-color:var(--color-primary)}.city-pill-tab.active{background:var(--color-primary);color:#fff;border-color:var(--color-primary);box-shadow:0 1px 4px #2563eb40}.city-pill-count{font-size:.68rem;padding:.05rem .35rem;border-radius:var(--radius-full);background:#00000014;font-weight:700}.city-pill-tab.active .city-pill-count{background:#ffffff40;color:#fff}.dispatch-split-deck{display:grid;grid-template-columns:1.1fr .9fr;gap:.65rem}@media (max-width: 860px){.dispatch-split-deck{grid-template-columns:1fr}}.dispatch-panel-card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:.75rem .85rem;display:flex;flex-direction:column;gap:.55rem;box-shadow:var(--shadow-sm)}.dispatch-panel-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.5rem;border-bottom:1px solid var(--border-color);padding-bottom:.45rem}.dispatch-panel-heading{font-size:.88rem;font-weight:800;color:var(--text-primary);margin:0;display:flex;align-items:center;gap:.35rem}.dispatch-search-filter-row{display:flex;gap:.4rem;align-items:center}.dispatch-search-box{position:relative;flex:1;min-width:0}.dispatch-filter-chips-row{display:flex;gap:.25rem;flex-shrink:0}.dispatch-filter-chips-row .filter-chip{font-size:.7rem;padding:.2rem .5rem;height:30px;white-space:nowrap}.dispatch-vehicle-list{display:flex;flex-direction:column;gap:.35rem;max-height:320px;overflow-y:auto;padding-right:.2rem}.dispatch-car-row{display:flex;align-items:center;justify-content:space-between;padding:.45rem .65rem;border:1.5px solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-surface);cursor:pointer;transition:all .12s ease;gap:.5rem}.dispatch-car-row:hover:not(.booked){border-color:var(--color-primary);background:#f8fafc}.dispatch-car-row.selected{border-color:var(--color-primary);background:#eff6ff;box-shadow:0 0 0 1.5px var(--color-primary)}.dispatch-car-row.booked{background:#fafafa;border-color:#e2e8f0;opacity:.7;cursor:not-allowed}.dispatch-car-left{display:flex;align-items:center;gap:.5rem;min-width:0}.dispatch-car-info{display:flex;flex-direction:column;min-width:0}.dispatch-car-name{font-weight:700;font-size:.82rem;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dispatch-car-meta{font-size:.7rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dispatch-form-compact{display:flex;flex-direction:column;gap:.45rem}.dispatch-selected-banner{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:var(--radius-sm);padding:.45rem .65rem;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.45rem}.dispatch-duty-pills{display:flex;gap:.35rem}.dispatch-duty-pill-btn{flex:1;padding:.28rem .45rem;border-radius:var(--radius-sm);border:1px solid var(--border-color);background:#f8fafc;color:var(--text-primary);font-size:.74rem;font-weight:700;cursor:pointer;text-align:center;transition:all .12s ease}.dispatch-duty-pill-btn:hover{background:#fff;border-color:var(--color-primary)}.dispatch-duty-pill-btn.active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.dispatch-input-row{display:grid;grid-template-columns:1fr 1fr;gap:.45rem}.dispatch-form-group{display:flex;flex-direction:column;gap:.2rem}.dispatch-form-group label{font-size:.72rem;font-weight:700;color:var(--text-secondary)}.dispatch-input-sm{height:32px;font-size:.78rem;padding:.25rem .5rem;border:1px solid var(--border-color);border-radius:var(--radius-sm);background:#fff;width:100%;box-sizing:border-box}.dispatch-actions-row{display:flex;gap:.45rem;margin-top:.2rem}.dispatch-tracker-wrap{display:flex;flex-direction:column;gap:.35rem;max-height:240px;overflow-y:auto}.dispatch-tracker-compact-row{display:flex;align-items:center;justify-content:space-between;padding:.45rem .65rem;background:#fff;border:1px solid var(--border-color);border-radius:var(--radius-sm);gap:.65rem;font-size:.76rem;transition:background .12s ease}.dispatch-tracker-compact-row.confirmed{border-left:3.5px solid #16a34a}.dispatch-tracker-compact-row.requested{border-left:3.5px solid #f59e0b}@media (max-width: 640px){.dispatch-tracker-compact-row{flex-direction:column;align-items:flex-start;gap:.45rem}.dispatch-toolbar{flex-direction:column;align-items:stretch;gap:.5rem;padding:.5rem .65rem}.dispatch-toolbar-left{justify-content:space-between;width:100%}.city-scroll-toolbar{width:100%;padding-bottom:3px;-webkit-overflow-scrolling:touch;scrollbar-width:none}.city-scroll-toolbar::-webkit-scrollbar{display:none}.dispatch-search-filter-row{flex-direction:column;align-items:stretch;gap:.35rem}.dispatch-filter-chips-row{display:grid;grid-template-columns:repeat(3,1fr);gap:.25rem;width:100%}.dispatch-filter-chips-row .filter-chip{width:100%;justify-content:center;text-align:center;padding:.25rem .2rem}.dispatch-car-row{padding:.45rem .55rem}.dispatch-input-row{grid-template-columns:1fr;gap:.35rem}.dispatch-actions-row{flex-direction:column;gap:.4rem}.dispatch-actions-row button{width:100%;min-height:38px;justify-content:center}}@media (max-width: 480px){.dispatch-car-row{flex-direction:column;align-items:flex-start;gap:.35rem}.dispatch-car-left{width:100%}.dispatch-duty-pills{flex-wrap:wrap}.dispatch-duty-pill-btn{min-width:calc(50% - .2rem)}}.dispatch-cancel-btn{display:inline-flex;align-items:center;gap:3px;background:#fef2f2;border:1px solid #fecaca;color:#dc2626;border-radius:4px;padding:.2rem .5rem;font-size:.7rem;font-weight:700;cursor:pointer;transition:all .15s ease;line-height:1}.dispatch-cancel-btn:hover:not(:disabled){background:#fee2e2;border-color:#ef4444;color:#b91c1c;transform:translateY(-1px)}.dispatch-cancel-btn:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 768px){.dispatch-compact-container{padding:.15rem 0 1rem}.dispatch-split-deck{grid-template-columns:1fr;gap:.65rem}.dispatch-panel-card{padding:.65rem .75rem}.dispatch-tracker-compact-row{flex-direction:column;align-items:flex-start;gap:.5rem;padding:.65rem}.dispatch-tracker-compact-row>div:last-child{width:100%;justify-content:flex-start;gap:.45rem}}@media (max-width: 480px){.admin-inline-form{flex-direction:column;align-items:stretch}.admin-inline-form>button{width:100%;min-height:38px;justify-content:center}.admin-master-group-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dispatch-panel-header>div{width:100%;justify-content:flex-start;flex-wrap:wrap}.dispatch-tracker-compact-row>div:last-child>a,.dispatch-tracker-compact-row>div:last-child>button{min-height:34px;padding:.3rem .6rem}}