.driver-page-wrapper{width:100%;max-width:500px;display:flex;flex-direction:column;gap:16px;padding-bottom:20px}.buttons-section{display:flex;flex-direction:column;gap:12px;margin-top:24px}.btn-view-picklist{background:var(--color-surface);border:2px solid var(--color-primary);color:var(--color-primary)}.btn-view-picklist:hover:not(:disabled){background:var(--color-primary-soft)}.status-section{background:transparent;border:none}.status-item{display:flex;flex-direction:column;gap:6px;margin-bottom:18px}.status-item:last-child{margin-bottom:0}.status-label,.route-info-label{font-size:.9rem;font-weight:500;color:var(--color-text-soft);text-transform:uppercase;letter-spacing:.3px}.status-value{color:var(--color-text);font-size:1.05rem;font-weight:600}.status-scheduled{color:var(--color-success)}.status-not-scheduled{color:var(--color-danger)}.route-information-card{width:100%;padding:24px;background:var(--color-surface);border-radius:var(--radius-2xl);box-shadow:var(--shadow-md)}.route-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}.route-info-item{display:flex;flex-direction:column}.route-info-value{font-size:1.3rem;font-weight:700;color:var(--color-text)}.wave-arrival-highlight{grid-column:1 / -1;padding:16px;background:var(--color-primary-soft);border-left:4px solid var(--color-primary);border-radius:10px}.wave-arrival-time{font-size:2rem;font-weight:700;color:var(--color-primary);text-align:center}.picklist-modal{padding:24px}.picklist-section{margin-bottom:24px}.picklist-section:last-child{margin-bottom:0}.picklist-grid{display:grid;grid-template-columns:.4fr 1.3fr 1.5fr .8fr;gap:12px;font-size:.95rem;align-items:center}.picklist-grid-bags,.picklist-grid-overflow{grid-template-columns:.4fr 1.3fr 1.5fr .8fr}.picklist-grid-header{font-size:.85rem;font-weight:700;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.3px}.bag-index,.overflow-index{font-size:1rem;font-weight:700;color:var(--color-primary);text-align:center}.picklist-count,.overflow-count{text-align:center;justify-self:center;font-weight:600}.picklist-empty{color:var(--color-text-soft);font-size:.95rem}@media (max-width: 768px){.driver-page-wrapper{gap:12px}.route-information-card{padding:20px}.route-info-grid{gap:16px}.wave-arrival-time{font-size:1.6rem}.picklist-grid,.picklist-grid-bags,.picklist-grid-overflow{grid-template-columns:.3fr .9fr 1.5fr .6fr;gap:10px;font-size:.9rem}}@media (max-width: 480px){.status-label{font-size:.9rem}.status-value{font-size:1rem}}.date-picker{position:relative;display:inline-block;width:100%}.date-picker__toggle{width:100%;padding:10px 12px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);text-align:left;display:flex;align-items:center;justify-content:space-between}.date-picker__icon{font-size:1.2rem}.date-picker__panel{position:absolute;top:100%;right:0;left:auto;width:min(280px,calc(100vw - 24px));max-width:calc(100vw - 24px);margin-top:8px;padding:12px;background:var(--color-surface);border:1px solid var(--color-border-soft);border-radius:var(--radius-lg);box-shadow:0 4px 12px #3c404426;z-index:1000;overflow-x:hidden}.date-picker__panel--fixed{position:fixed;top:50%;left:50%;margin-top:0;transform:translate(-50%,-50%);max-height:calc(100vh - 24px);overflow-y:auto}.date-picker__nav{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.date-picker__nav-button{width:auto;min-height:auto;padding:4px 8px;border:none;background:none;font-size:1.2rem}.date-picker__month{font-size:.95rem;font-weight:600}.date-picker__weekday-row,.date-picker__days{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}.date-picker__weekday-row{margin-bottom:8px}.date-picker__weekday{padding:6px 2px;text-align:center;color:#3c404499;font-size:.75rem;font-weight:600}.date-picker__day{position:relative;min-height:auto;padding:8px;border:none;border-radius:var(--radius-sm);background:var(--day-background, var(--color-bg));color:var(--day-color, var(--color-text));font-size:.85rem;font-weight:500;transition:background .2s,color .2s,border-color .2s}.date-picker__day:hover:not(:disabled){transform:none;background:var(--day-hover, var(--color-primary-soft))}.date-picker__day--scheduled{border:2px solid var(--color-primary)}.date-picker__day--empty{background:transparent;color:#3c40444d}.date-picker__marker{position:absolute;right:2px;bottom:1px;font-size:10px;color:var(--color-primary)}.date-picker__close{margin-top:12px}@media (max-width: 768px){.date-picker__panel{position:fixed;top:50%;left:50%;right:auto;width:min(280px,calc(100vw - 24px));margin-top:0;transform:translate(-50%,-50%);max-height:calc(100vh - 24px);overflow-y:auto}}.schedule-tab__header{margin-bottom:30px}.schedule-tab__header h2,.schedule-tab__title{margin:0}.schedule-tab__header>div,.schedule-tab__actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.schedule-tab__header button{width:auto;min-height:auto;padding:8px 14px;border-radius:6px;white-space:nowrap}.schedule-tab__header button:hover:not(:disabled){transform:none;box-shadow:none}.schedule-tab__driver-form{margin-top:15px;margin-bottom:20px;padding:20px;background:#edbf9b1a;border-radius:8px}.schedule-tab__driver-form form{display:flex;gap:15px;align-items:flex-end;flex-wrap:wrap}.schedule-tab__driver-form .form-group{flex:1 1 200px;min-width:150px;margin-bottom:0}.schedule-tab__driver-form input{margin-bottom:0}.schedule-tab__driver-form .btn{width:auto;min-height:auto;padding:10px 20px;margin:0}.schedule-tab__summary{cursor:pointer}.schedule-tab .summary-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px;padding:15px;background:#edbf9b26;border-radius:6px}.schedule-tab__summary-group{text-align:right}.schedule-tab__table{width:100%;min-width:820px;border-collapse:collapse}.schedule-tab__table thead tr{border-bottom:none}.schedule-tab__table th{padding:14px 16px;background:#edbf9b;color:#3c4044;font-weight:600;text-align:left;white-space:nowrap}.schedule-tab__table td{padding:12px 16px;color:#3c4044;border-bottom:1px solid rgba(60,64,68,.15);vertical-align:middle}.schedule-tab__table tbody tr{background:#fff}.schedule-tab__table tbody tr:hover{background:#edbf9b1a}.schedule-tab__table .table-row--confirmed{background:#edbf9b26}.schedule-tab__table th:nth-child(3),.schedule-tab__table th:nth-child(4),.schedule-tab__table td:nth-child(3),.schedule-tab__table td:nth-child(4){width:110px;text-align:center}.schedule-tab__table th:nth-child(5),.schedule-tab__table td:nth-child(5){min-width:165px;white-space:nowrap}.schedule-tab__table th:last-child,.schedule-tab__table td:last-child{width:130px;text-align:center}.schedule-tab__tid{display:inline-block;background:#fd7b41;color:#fff;padding:6px 10px;border-radius:12px;font-family:monospace;font-size:.85rem;font-weight:600;letter-spacing:.5px}.schedule-tab__status{font-size:1.2rem;text-align:center}.schedule-tab__delete-cell{display:flex;justify-content:center;align-items:center}.schedule-tab__remove-button{width:auto;min-height:auto;min-width:48px;margin:0;padding:8px 14px;font-size:1rem;border-radius:6px}.schedule-tab__spinner{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:spinner .8s linear infinite}@media (max-width: 768px){.schedule-tab .summary-bar{align-items:flex-start;flex-direction:column}.schedule-tab__summary-group{text-align:left}}.standby-tab__summary{margin-bottom:15px}.standby-tab__refresh{background:transparent;color:var(--color-text)}.standby-tab__refresh:hover:not(:disabled){transform:none}.standby-tab__count{font-size:.95rem;font-weight:600}.standby-tab__count strong{color:var(--color-primary);font-size:1.1rem}.standby-tab__action-cell{display:flex;align-items:center;justify-content:center}.password-modal{width:90%;max-width:450px}.password-modal__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.password-modal__title{margin:0;font-size:1.4rem;font-weight:700}.password-modal__subtitle{margin-top:6px;font-size:.9rem;font-weight:400;color:#3c404499}.password-modal__field{position:relative}.password-modal__input{padding-right:40px}.password-modal__toggle{position:absolute;top:50%;right:12px;transform:translateY(-50%);width:auto;min-height:auto;padding:4px 8px;border:none;background:none;color:#3c404499;font-size:1.2rem}.password-modal__strength{margin-top:8px}.password-modal__strength-bars{display:flex;gap:4px;margin-bottom:6px}.password-modal__strength-bar{flex:1;height:4px;border-radius:2px;background:#3c404426;transition:all .3s}.password-modal__actions{display:flex;gap:12px;margin-top:28px}.password-modal__actions .btn{flex:1}*{margin:0;padding:0;box-sizing:border-box}:root{--color-bg: #dddcdc;--color-surface: #ffffff;--color-surface-muted: #f5f5f5;--color-surface-soft: #fafafa;--color-primary: #fd7b41;--color-primary-dark: #e56734;--color-primary-soft: rgba(253, 123, 65, .08);--color-secondary: #edbf9b;--color-secondary-dark: #d9af8a;--color-secondary-soft: rgba(237, 191, 155, .1);--color-secondary-soft-strong: rgba(237, 191, 155, .15);--color-text: #3c4044;--color-text-muted: rgba(60, 64, 68, .75);--color-text-soft: rgba(60, 64, 68, .65);--color-text-subtle: rgba(60, 64, 68, .5);--color-border: rgba(60, 64, 68, .25);--color-border-soft: rgba(60, 64, 68, .15);--color-border-faint: rgba(60, 64, 68, .1);--color-overlay: rgba(60, 64, 68, .45);--color-success: #28a745;--color-success-soft: rgba(40, 167, 69, .1);--color-danger: #dc3545;--color-danger-alt: #c85643;--color-danger-alt-dark: #b8453b;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-xl: 12px;--radius-2xl: 14px;--shadow-sm: 0 2px 4px rgba(60, 64, 68, .05);--shadow-md: 0 2px 8px rgba(60, 64, 68, .08);--shadow-lg: 0 10px 40px rgba(60, 64, 68, .2)}html,body,#root{width:100%;min-height:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--color-bg);color:var(--color-text)}.container{width:100%;min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:16px;background:var(--color-bg)}.card{width:100%;max-width:500px;margin:0 auto;padding:24px;background:var(--color-surface);border-radius:var(--radius-2xl);box-shadow:var(--shadow-md)}.card--compact{padding:20px}.card--wide{max-width:none}.card--flat{border-radius:0}.content-shell{max-width:1200px;margin:0 auto;padding:0 20px}.content-shell--padded{padding-top:30px;padding-bottom:30px}.section-header,.toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.section-header,.toolbar{margin-bottom:20px}.toolbar-group,.toolbar-actions,.inline-actions,.button-row,.modal-button-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.toolbar-actions{margin-left:auto}.button-row,.modal-button-row{width:100%}.button-row>.btn,.modal-button-row>.btn{flex:1}.stack{display:flex;flex-direction:column;gap:16px}.stack-lg{display:flex;flex-direction:column;gap:20px}.centered-state{padding:40px;text-align:center}.empty-state{padding:40px;text-align:center;border-radius:var(--radius-lg)}.empty-state--warm{background:var(--color-secondary-soft)}.empty-state--neutral{background:#3c40440d}.summary-bar__divider{color:var(--color-text-subtle);margin:0 8px}.notice-banner{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:var(--radius-md)}.notice-banner--accent{background:var(--color-primary-soft);border-left:4px solid var(--color-primary)}.notice-banner--success{background:#28a74514;border:1px solid var(--color-success);color:#28a745cc}.notice-banner--danger{background:#fee;border:2px solid var(--color-danger);color:#721c24}.status-chip{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 12px;border-radius:var(--radius-sm);font-size:.9rem;font-weight:500;border:1px solid transparent}.status-chip--success{background:var(--color-success-soft);border-color:var(--color-success);color:var(--color-success)}.status-chip--danger{background:#dc35451a;border-color:var(--color-danger);color:var(--color-danger)}.status-chip--accent{background:var(--color-primary-soft);border-color:#fd7b414d;color:var(--color-primary)}.count-badge,.badge,.mono-pill,.wave-pill{display:inline-flex;align-items:center;justify-content:center;gap:4px;width:fit-content}.count-badge{padding:4px 12px;border-radius:20px;background:var(--color-primary);color:var(--color-surface);font-size:.85rem;font-weight:600}.badge{background:var(--color-primary);color:var(--color-surface);padding:8px 14px;border-radius:20px;font-size:.95rem;font-weight:600}.mono-pill{padding:6px 10px;border-radius:12px;background:var(--color-primary);color:var(--color-surface);font-family:monospace;font-size:.85rem;font-weight:600;letter-spacing:.5px}.mono-pill--indigo{background:#6366f1}.wave-pill{padding:4px 10px;border-radius:var(--radius-sm);background:#fd7b411a;color:var(--color-primary);font-weight:600}.table-wrapper{overflow-x:auto}.app-table{width:100%;border-collapse:collapse;margin-top:20px}.app-table--no-margin{margin-top:0}.app-table--compact{font-size:.95rem}.app-table thead tr{border-bottom:2px solid var(--color-border-soft)}.app-table th{background:var(--color-secondary);color:var(--color-text);font-weight:600}.app-table--plain th{background:var(--color-surface)}.app-table th,.app-table td{padding:12px 15px}.app-table td{color:var(--color-text);border-bottom:1px solid var(--color-border-soft)}.app-table tr:hover{background:#edbf9b40}.table-row--striped{background:var(--color-surface-soft)}.table-row--confirmed{background:var(--color-secondary-soft-strong)}.table-row--highlight{background:#fd7b410d}.cell-center{text-align:center}.cell-right{text-align:right}.cell-mono{font-family:monospace;font-weight:600}.cell-subtle{color:var(--color-text-muted);font-size:.9rem}.cell-small{font-size:.85rem}.cell-actions{text-align:center;white-space:nowrap}.sticky-cell{position:sticky;left:0;z-index:9}.sticky-cell--header{z-index:10}.form-group{margin-bottom:20px}.form-group--inline{margin-bottom:0}.form-inline{display:flex;gap:15px;align-items:flex-end;flex-wrap:wrap}.form-inline__field{flex:1 1 200px;min-width:150px}label{display:block;margin-bottom:8px;font-weight:600;color:var(--color-text);font-size:.95rem}input[type=text],input[type=email],input[type=password],input[type=number],input[type=date],input[type=time],textarea,select{width:100%;padding:14px;border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:1rem;font-family:inherit;transition:border-color .3s,box-shadow .3s;background:var(--color-surface);color:var(--color-text)}input[type=text]:focus,input[type=email]:focus,input[type=password]:focus,input[type=number]:focus,input[type=date]:focus,input[type=time]:focus,textarea:focus,select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #fd7b4133}textarea{resize:vertical;min-height:120px}.input-lg{font-size:1.1rem;letter-spacing:2px}.input-compact,.select-compact{padding:8px 12px;font-size:.95rem;border-radius:var(--radius-sm)}.textarea-lg{min-height:200px}small,.form-help{display:block;margin-top:5px;color:#3c404499}button,.btn{display:flex;align-items:center;justify-content:center;width:100%;min-height:48px;padding:16px 24px;border:none;border-radius:var(--radius-xl);font-size:1rem;font-weight:600;line-height:1.2;text-align:center;text-decoration:none;cursor:pointer;transition:all .3s}.btn:hover:not(:disabled){transform:translateY(-2px)}.btn:disabled,button:disabled{cursor:not-allowed}.btn-primary{background:var(--color-primary);color:var(--color-surface)}.btn-primary:hover:not(:disabled){background:var(--color-primary-dark);box-shadow:0 8px 20px #fd7b414d}.btn-secondary{background:var(--color-secondary);color:var(--color-text)}.btn-secondary:hover:not(:disabled){background:var(--color-secondary-dark)}.btn-success{background:var(--color-success);color:var(--color-surface)}.btn-success:hover:not(:disabled){background:#218838;box-shadow:0 8px 20px #28a7454d}.btn-danger{background:var(--color-danger);color:var(--color-surface)}.btn-danger:hover:not(:disabled){background:#c82333;box-shadow:0 8px 20px #dc35454d}.btn-danger-alt{background:var(--color-danger-alt);color:var(--color-surface)}.btn-danger-alt:hover:not(:disabled){background:var(--color-danger-alt-dark)}.btn-muted{background:#6c757d;color:var(--color-surface)}.btn-muted:hover:not(:disabled){background:#5a6268}.btn-light{background:#e9ecef;color:var(--color-text)}.btn-light:hover:not(:disabled){background:#dee2e6}.btn-ghost{background:transparent;border:2px solid var(--color-primary);color:var(--color-primary)}.btn-ghost:hover:not(:disabled){background:var(--color-primary-soft)}.btn-block{display:flex;width:100%;margin-bottom:10px}.btn-inline,.btn-sm,.btn-xs,.btn-icon,.btn-icon-square{width:auto;min-height:auto;margin:0}.btn-inline{white-space:nowrap}.btn-sm{padding:8px 14px;font-size:.9rem;border-radius:var(--radius-md)}.btn-xs{padding:6px 12px;font-size:.85rem;border-radius:var(--radius-md)}.btn-icon{padding:8px 14px;font-size:1rem;border-radius:var(--radius-md)}.btn-icon-square{min-width:48px;padding:8px 12px;border-radius:var(--radius-md)}.btn-icon-plain{width:auto;min-height:auto;padding:4px 8px;background:transparent;border:none;color:inherit;font-size:1.2rem}.btn-icon-subtle{width:auto;height:36px;min-height:36px;padding:0;border:1px solid var(--color-border-faint);border-radius:var(--radius-lg);background:#3c40440d;color:#3c404499}.btn-icon-subtle:hover:not(:disabled){background:#3c40441a;border-color:#3c404433}.alert{padding:15px;margin-bottom:20px;border-radius:var(--radius-md);font-weight:500}.alert-error{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.alert-success{background:#d4edda;color:#155724;border:1px solid #c3e6cb}.alert-info{background:#d1ecf1;color:#0c5460;border:1px solid #bee5eb}.alert--spaced{margin-top:15px}.loading{display:inline-block;width:20px;height:20px;border:3px solid rgba(253,123,65,.2);border-radius:50%;border-top-color:var(--color-primary);animation:spinner .8s linear infinite}@keyframes spinner{to{transform:rotate(360deg)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;width:100%;height:100%;overflow:auto;background:var(--color-overlay);pointer-events:all}.modal.show{display:flex;align-items:center;justify-content:center}.modal-content{width:90%;max-width:400px;padding:30px;background:var(--color-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);pointer-events:auto}.modal-content--sm{max-width:400px}.modal-content--md{max-width:600px}.modal-content--lg{max-width:700px}.modal-content--animated{animation:slideUp .3s ease-out}.modal-header{margin-bottom:20px}.modal-body{margin-bottom:20px;min-height:auto;max-height:70vh;overflow-y:auto;-webkit-overflow-scrolling:touch}.modal-footer{display:flex;gap:10px;justify-content:flex-end}.modal-backdrop-card{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1001;display:flex;align-items:center;justify-content:center;background:#00000080}.picklist-dropzone{border:2px dashed var(--color-border);border-radius:var(--radius-lg);padding:40px 20px;text-align:center;background:#edbf9b0d;transition:all .3s}.picklist-dropzone.is-drag-over{border-color:var(--color-primary);background:var(--color-primary-soft)}.picklist-dropzone{padding:20px;background:#edbf9b14}.text-muted{color:var(--color-text-muted)}.text-soft{color:var(--color-text-soft)}.text-subtle{color:var(--color-text-subtle)}.text-success{color:var(--color-success)}.text-danger{color:var(--color-danger)}.text-accent{color:var(--color-primary)}.text-center{text-align:center}.w-auto{width:auto}.w-fit{width:fit-content}.flex-1{flex:1}.ml-auto{margin-left:auto}@media (max-width: 768px){.card{padding:20px}.container{padding:12px}.section-header,.toolbar{align-items:flex-start;flex-direction:column}.toolbar-actions,.ml-auto{margin-left:0}.app-table{font-size:.9rem}.app-table th,.app-table td{padding:8px}.modal-content{width:95%;padding:20px}}@media (max-width: 480px){.card{padding:20px;border-radius:var(--radius-lg)}button,.btn{padding:12px 16px;font-size:.9rem}}