html,body{width:100%;height:100%}input::-ms-clear,input::-ms-reveal{display:none}*,*:before,*:after{box-sizing:border-box}html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-ms-overflow-style:scrollbar;-webkit-tap-highlight-color:rgba(0,0,0,0)}body{margin:0}[tabindex="-1"]:focus{outline:none}hr{box-sizing:content-box;height:0;overflow:visible}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5em;font-weight:500}p{margin-top:0;margin-bottom:1em}abbr[title],abbr[data-original-title]{-webkit-text-decoration:underline dotted;text-decoration:underline dotted;border-bottom:0;cursor:help}address{margin-bottom:1em;font-style:normal;line-height:inherit}input[type=text],input[type=password],input[type=number],textarea{-webkit-appearance:none}ol,ul,dl{margin-top:0;margin-bottom:1em}ol ol,ul ul,ol ul,ul ol{margin-bottom:0}dt{font-weight:500}dd{margin-bottom:.5em;margin-left:0}blockquote{margin:0 0 1em}dfn{font-style:italic}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}pre,code,kbd,samp{font-size:1em;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace}pre{margin-top:0;margin-bottom:1em;overflow:auto}figure{margin:0 0 1em}img{vertical-align:middle;border-style:none}a,area,button,[role=button],input:not([type=range]),label,select,summary,textarea{touch-action:manipulation}table{border-collapse:collapse}caption{padding-top:.75em;padding-bottom:.3em;text-align:left;caption-side:bottom}input,button,select,optgroup,textarea{margin:0;color:inherit;font-size:inherit;font-family:inherit;line-height:inherit}button,input{overflow:visible}button,select{text-transform:none}button,html [type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{padding:0;border-style:none}input[type=radio],input[type=checkbox]{box-sizing:border-box;padding:0}input[type=date],input[type=time],input[type=datetime-local],input[type=month]{-webkit-appearance:listbox}textarea{overflow:auto;resize:vertical}fieldset{min-width:0;margin:0;padding:0;border:0}legend{display:block;width:100%;max-width:100%;margin-bottom:.5em;padding:0;color:inherit;font-size:1.5em;line-height:inherit;white-space:normal}progress{vertical-align:baseline}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:none}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}output{display:inline-block}summary{display:list-item}template{display:none}[hidden]{display:none!important}:root{--ink: #0a2854;--muted: #5b708c;--line: #dbeaf4;--line-strong: #b9d8e9;--brand-blue: #0878d1;--brand-strong: #062f70;--brand-cyan: #08ade9;--brand-green: #20a5dc;--brand-magenta: #0b64b6;--brand-gold: #50c7ee;--soft: #f4faff;--soft-cyan: #eaf8ff;--soft-green: #e8f8ff;--surface: #ffffff;--shadow-sm: 0 8px 24px rgba(6, 47, 112, .07);--shadow-md: 0 20px 50px rgba(6, 47, 112, .12);color:var(--ink);background:var(--soft);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;min-width:320px;overflow-x:hidden;background:var(--soft)}button,input,select,textarea{font:inherit}button{border:0;border-radius:12px;background:linear-gradient(135deg,var(--brand-blue),var(--brand-cyan));color:#fff;padding:11px 16px;cursor:pointer;font-weight:750;box-shadow:0 8px 18px #0878d129;transition:transform .16s ease,box-shadow .16s ease,background .16s ease}button:hover{background:linear-gradient(135deg,var(--brand-strong),var(--brand-blue));box-shadow:0 10px 24px #062f7033;transform:translateY(-1px)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid rgba(8,173,233,.28);outline-offset:2px}button:disabled{cursor:not-allowed;background:#d1d5db;color:#64748b;border-color:#cbd5e1;opacity:1}button:disabled:hover{background:#d1d5db;color:#64748b}.login-shell{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 12% 18%,rgba(8,173,233,.2),transparent 25%),radial-gradient(circle at 88% 15%,rgba(8,120,209,.16),transparent 29%),linear-gradient(145deg,#e9f8ff,#fff 52%,#eff9ff);position:relative}.login-shell:before{content:"";position:fixed;inset:auto -12vw -28vw auto;width:58vw;height:58vw;border-radius:50%;border:1px solid rgba(8,173,233,.16);box-shadow:0 0 0 70px #08ade909,0 0 0 140px #0878d106;pointer-events:none}.login-panel{width:min(480px,calc(100vw - 32px));background:#fffffff0;border:1px solid rgba(185,216,233,.75);border-radius:24px;padding:40px;box-shadow:var(--shadow-md);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);position:relative;overflow:hidden}.login-panel:before{content:"";position:absolute;inset:0 0 auto;height:5px;background:linear-gradient(90deg,var(--brand-strong),var(--brand-blue),var(--brand-cyan))}.login-logo{display:block;width:min(290px,88%);height:auto;object-fit:contain;margin:0 auto 20px}.login-panel>div{text-align:center}.login-panel h1{color:var(--brand-strong);font-size:clamp(26px,4vw,34px);letter-spacing:-.035em}.login-eyebrow{margin:0 0 8px;color:var(--brand-cyan);font-size:12px;font-weight:900;letter-spacing:.16em;text-transform:uppercase}.login-subtitle{margin:10px auto 26px;max-width:360px;color:var(--muted);line-height:1.55}.eyebrow{margin:0 0 8px;color:var(--brand-blue);font-weight:700}.form{display:grid;gap:16px}label{display:grid;gap:6px;color:var(--muted)}input,select{width:100%;border:1px solid var(--line-strong);border-radius:11px;padding:11px 13px;background:#fff;color:var(--ink)}input:focus,select:focus,textarea:focus{border-color:var(--brand-cyan);box-shadow:0 0 0 4px #08ade91a}.password-input{position:relative;display:block}.password-input input{padding-right:46px}.password-toggle{position:absolute;top:50%;right:6px;width:36px;height:36px;padding:0;display:grid;place-items:center;transform:translateY(-50%);border-radius:4px;background:transparent;color:var(--muted)}.password-toggle:hover{background:var(--soft-cyan);color:var(--brand-blue)}textarea{width:100%;resize:vertical;border:1px solid var(--line-strong);border-radius:11px;padding:10px 12px;background:#fff;color:var(--ink)}.error{color:#b91c1c}.app-shell{display:grid;grid-template-columns:272px minmax(0,1fr);min-height:100vh}aside{background:radial-gradient(circle at 15% 7%,rgba(8,173,233,.32),transparent 24%),linear-gradient(165deg,#073b80,#052d69 48%,#031e4b);color:#fff;padding:24px 18px;display:flex;flex-direction:column;gap:24px}aside h2{margin:0;font-size:22px}.sidebar-top{display:flex;align-items:center;justify-content:flex-start;gap:12px}.sidebar-brand{display:grid;gap:5px;width:100%;color:#bfeeff;font-size:11px;font-weight:800;letter-spacing:.12em;text-align:center;text-transform:uppercase}.sidebar-brand img{width:100%;height:auto;object-fit:contain;border-radius:14px;background:#fff;padding:9px 13px;box-shadow:0 10px 28px #00000024}.mobile-menu-toggle{display:none}nav{display:grid;gap:7px}nav a,.nav-group-label{display:flex;align-items:center;gap:10px;color:#e9f8ff;text-decoration:none;padding:11px 12px;border-radius:11px;background:transparent}nav a:hover,.nav-group-label:hover{background:#ffffff1a}nav a.active{color:#fff;background:linear-gradient(100deg,#08ade957,#ffffff1f);box-shadow:inset 3px 0 #35c8f4}.nav-group{display:grid;gap:4px}.nav-group-label{width:100%;border:0;cursor:pointer;font-weight:700;justify-content:space-between;font:inherit}.nav-group-label span{display:flex;align-items:center;gap:10px}.nav-group-chevron{flex:0 0 auto;transition:transform .18s ease}.nav-group.is-open .nav-group-chevron{transform:rotate(180deg)}.nav-children{display:grid;gap:4px;padding-left:18px;border-left:1px solid rgba(255,255,255,.18);margin-left:18px}.nav-children a{color:#d7f1ff;font-size:14px;padding:8px 10px}.content{min-width:0;overflow-x:hidden;background:linear-gradient(180deg,#f9fcff 0,var(--soft) 260px)}header{height:76px;display:flex;justify-content:flex-end;align-items:center;padding:0 24px;background:#ffffffe0;border-bottom:1px solid var(--line);gap:14px;position:sticky;top:0;z-index:18;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}.header-context{display:grid;margin-right:auto}.header-context strong{color:var(--brand-strong)}.user-summary{display:grid;text-align:right}header span{color:var(--muted);font-size:13px}.driver-shell{min-height:100vh;background:var(--soft)}.driver-shell header{justify-content:space-between}.driver-user-summary{display:grid;min-width:0;flex:1}.driver-user-summary strong,.driver-user-summary span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.logout-button{display:inline-flex;align-items:center;gap:8px}.admin-logout-button{min-height:38px;padding:9px 14px}main{width:100%;max-width:100%;padding:30px}.page-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px}.page-head>div{min-width:0}.page-head p{margin:7px 0 0;color:var(--muted)}h1{margin:0;color:var(--brand-strong);font-size:30px;letter-spacing:-.035em}h3{margin-top:28px}.metric-grid{display:grid;grid-template-columns:repeat(3,minmax(170px,1fr));gap:16px;margin-bottom:24px}.metric,.delivery{background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px;box-shadow:var(--shadow-sm)}.metric{display:flex;align-items:center;gap:14px;position:relative;overflow:hidden}.metric:after{content:"";position:absolute;inset:auto -22px -26px auto;width:72px;height:72px;border-radius:50%;background:#08ade90f}.metric-icon{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;border-radius:13px;color:var(--brand-blue);background:var(--soft-cyan)}.metric span{color:var(--muted)}.metric strong{display:block;color:var(--brand-strong);font-size:27px;margin-top:4px;letter-spacing:-.03em}.metric-route .metric-icon,.metric-drivers .metric-icon{color:#0878d1;background:#e8f4ff}.metric-delivered .metric-icon,.metric-collected .metric-icon{color:#078ba8;background:#e8f9fc}.dashboard-charts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:stretch;margin-bottom:22px}.chart-card{border-color:var(--line);border-radius:16px;box-shadow:var(--shadow-sm);overflow:hidden}.chart-card .ant-card-head{border-bottom-color:var(--soft-cyan)}.chart-card .ant-card-head-title{color:var(--ink);font-size:20px;font-weight:800}.chart-card .ant-card-extra{color:var(--brand-strong)}.inline-form{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:10px;margin-bottom:16px}.empty{background:#fff;border:1px solid var(--line);border-radius:8px;padding:18px;color:var(--muted)}.toolbar{display:flex;justify-content:flex-end;margin-bottom:14px}.toolbar input{max-width:360px}.report-filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;align-items:end;margin-bottom:14px}.report-summary-line{display:flex;align-items:baseline;gap:8px;margin:0 0 14px;padding:10px 12px;border-left:4px solid var(--brand-cyan);background:#fff;color:var(--muted)}.report-summary-line strong{color:var(--brand-strong);font-size:18px}.report-summary-line strong:not(:first-child){margin-left:14px}.sales-order-detail-modal{width:min(860px,100%)}.sales-order-detail{display:grid;gap:20px;min-width:0;padding:20px}.sales-order-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px 18px}.sales-order-summary>div{display:grid;gap:4px;min-width:0;padding-bottom:10px;border-bottom:1px solid var(--line)}.sales-order-summary span{color:var(--muted);font-size:13px}.sales-order-summary strong{min-width:0;overflow-wrap:anywhere}.sales-order-section{display:grid;gap:10px;min-width:0}.sales-order-section h3,.sales-order-section p{margin:0}.sales-order-section p{overflow-wrap:anywhere}.sales-order-items{min-width:620px}.sales-order-payments{min-width:760px}.app-table{overflow:hidden;border:1px solid var(--line);border-radius:16px;background:#fff;max-width:100%;box-shadow:var(--shadow-sm)}.app-table .ant-table{color:#263532}.app-table .ant-table-thead>tr>th{background:var(--soft-cyan);color:var(--brand-strong);font-size:13px;font-weight:800;text-transform:uppercase}.app-table .ant-table-tbody>tr>td{border-bottom-color:var(--soft-cyan)}.app-table .ant-table-tbody>tr:hover>td{background:#f8fcff}.app-table .ant-pagination{margin:14px}.app-table .ant-table-cell{max-width:260px}.app-table .ant-table-cell:not(.ant-table-cell-fix-right){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.entity-stock-table .ant-table-thead>tr>th,.entity-stock-table .ant-table-thead .ant-table-column-title{line-height:1.25;white-space:normal}.status-badge{display:inline-flex;align-items:center;justify-content:center;min-width:72px;border-radius:999px;padding:4px 9px;font-size:12px;font-weight:800}.status-badge.is-active{background:var(--soft-green);color:#166534}.status-badge.is-inactive{background:#f1f5f9;color:#64748b}.row-actions{display:flex;gap:8px;flex-wrap:wrap}.table-icon-action{display:inline-grid;place-items:center;width:34px;height:34px;padding:0}.table-icon-action svg{pointer-events:none}.secondary-action,.danger-action,.icon-action,.link-action{color:var(--brand-strong);background:#fff;border:1px solid var(--line-strong)}.secondary-action:hover,.icon-action:hover,.link-action:hover{background:var(--soft-cyan)}.danger-action{color:#b91c1c}.danger-action:hover{background:#fef2f2}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;display:grid;place-items:center;padding:18px;background:#04142d75}.modal{width:min(720px,100%);max-height:calc(100vh - 36px);overflow:auto;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 26px 70px #04142d38}.modal-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 20px;border-bottom:1px solid var(--soft-cyan)}.modal-head h2{margin:0;font-size:22px}.modal-content{display:grid;gap:16px;padding:20px}.act-filters,.act-actions{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap}.act-filters label{min-width:170px}.act-actions button{display:inline-flex;align-items:center;gap:8px}.credit-collection-modal{width:min(980px,100%)}.credit-collection-content{display:grid;gap:16px;padding:20px}.collection-summary{display:grid;grid-template-columns:minmax(0,2fr) minmax(150px,1fr);gap:10px}.collection-summary span{display:grid;gap:4px;padding:12px;border:1px solid var(--line);border-radius:8px;background:#f8fcfe}.collection-summary small{color:var(--muted)}.collection-summary strong{font-size:18px}.collection-form{padding:0}.collection-form .receipt-upload-field,.collection-notes,.collection-feedback{grid-column:1 / -1}.collection-feedback{margin:0}.table-link-action{display:inline-flex;align-items:center;min-height:34px;padding:7px 10px;border-radius:8px;text-decoration:none;font-weight:800}.icon-action{width:36px;height:36px;padding:0}.entity-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:20px}.receipt-upload-field{display:grid;gap:8px;color:var(--muted)}.receipt-upload-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.receipt-upload-action{display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:9px 10px;border:1px solid var(--line-strong);border-radius:6px;background:#fff;color:var(--brand-strong);cursor:pointer;font-weight:700;text-align:center}.receipt-upload-action:hover{background:var(--soft-cyan)}.receipt-upload-action input{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;opacity:0;pointer-events:none}.receipt-upload-field small{color:var(--muted)}.receipt-file-ready{color:#166534!important;font-weight:700}.receipt-upload-error{grid-column:1 / -1;margin:0}.delivery-confirm-form .control-invalid{color:#b91c1c}.delivery-confirm-form label.control-invalid input,.delivery-confirm-form label.control-invalid select,.delivery-confirm-form label.control-invalid textarea,.delivery-confirm-form .signature-canvas.is-invalid{border-color:#dc2626;background:#fff7f7;box-shadow:0 0 0 2px #dc26261f}.delivery-confirm-form .receipt-upload-field.control-invalid{padding:10px;border:1px solid #dc2626;border-radius:8px;background:#fff7f7}.delivery-confirm-form .receipt-upload-field.control-invalid .receipt-upload-action{color:#b91c1c;border-color:#dc2626}.container-charge-summary{grid-column:1 / -1;display:grid;gap:4px;padding:12px;border:1px solid #f59e0b;border-radius:6px;background:#fffbeb;color:#78350f}.container-charge-summary strong{color:#b91c1c}.delivery-payment-modal{width:min(780px,100%)}.mixed-payments{grid-column:1 / -1;display:grid;gap:12px}.mixed-payments-head,.mixed-payment-row-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.mixed-payments-head>div{display:grid;gap:2px}.mixed-payments-head small{color:var(--muted)}.add-payment-action{display:inline-flex;align-items:center;gap:7px;flex:0 0 auto}.mixed-payment-row{display:grid;gap:12px;padding:14px;border:1px solid var(--line);border-radius:8px;background:#f8fcfe}.mixed-payment-row-head .icon-action{min-height:36px}.mixed-payment-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.mixed-payment-row .receipt-upload-field,.mixed-payment-row>label{width:100%}.mixed-payment-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:12px;border:1px solid var(--line-strong);border-radius:8px;background:#fff}.mixed-payment-summary span{display:grid;gap:3px}.mixed-payment-summary small{color:var(--muted)}.mixed-payment-summary strong{font-size:17px}.mixed-payment-summary.is-invalid{border-color:#dc2626;background:#fff7f7}.mixed-payment-summary.is-invalid span:last-child strong{color:#b91c1c}.route-modal{width:min(920px,100%)}.calendar-status{margin-bottom:16px;padding:14px 16px;display:grid;gap:4px;border:1px solid var(--line-strong);border-left:4px solid var(--brand-green);border-radius:6px;background:var(--soft-green)}.calendar-status.is-closed{border-left-color:#dc2626;background:#fff1f2}.calendar-status span{color:var(--muted)}.calendar-weekdays{grid-column:1 / -1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:0;padding:14px;border:1px solid var(--line-strong);border-radius:6px}.calendar-weekdays legend{padding:0 6px;color:var(--muted)}.calendar-all-day{align-self:end;min-height:42px}.route-coverage-map{position:relative;grid-column:1 / -1;display:grid;gap:10px}.route-coverage-heading{display:flex;align-items:end;justify-content:space-between;gap:12px}.route-coverage-heading div{display:grid;gap:3px}.route-coverage-heading span{color:var(--muted);font-size:13px}.route-coverage-heading a{color:var(--brand-blue);font-weight:700}.route-map-canvas{width:100%;min-height:360px;border:1px solid var(--line-strong);border-radius:6px;background:#eef6f8}.route-map-message{position:absolute;inset:52px 12px auto;z-index:2;padding:10px 12px;border:1px solid #b7def0;border-radius:6px;background:#fffffff5;color:var(--muted);text-align:center}.route-map-message.is-warning{border-color:#efd27d;background:#fff9e8;color:#73510a}.route-radius-slider input{width:100%;accent-color:var(--brand-blue)}.form-section-title{grid-column:1 / -1;margin:6px 0 -2px;font-size:15px;color:var(--brand-blue)}.readonly-link-field{min-height:38px;display:flex;align-items:center;padding:9px 10px;border:1px solid #b7def0;border-radius:5px;background:#f7fcff;color:var(--brand-blue);font-weight:700;text-decoration:none}.readonly-link-field.is-empty{color:var(--muted);font-weight:500}.field-help{display:block;margin-top:6px;color:var(--muted);font-size:12px;font-weight:700}.field-help.is-error{color:#b91c1c}.help-page{display:grid;gap:18px}.help-intro,.help-section{background:#fff;border:1px solid var(--line);border-radius:8px;padding:18px}.help-intro h2,.help-section h3{margin:0 0 8px}.help-intro p{margin:0;color:var(--muted)}.help-faq-list{display:grid;gap:8px}.help-faq{border:1px solid var(--line);border-radius:8px;background:#f8fcff;overflow:hidden}.help-faq summary{cursor:pointer;padding:12px 14px;font-weight:800;color:var(--ink)}.help-faq p{margin:0;padding:0 14px 14px;color:var(--muted);line-height:1.5}.is-muted{opacity:.48}.is-muted input,.is-muted select,.is-muted textarea{cursor:not-allowed}.check-row{display:flex;align-items:center;gap:9px}.check-row input{width:auto}.form-actions{grid-column:1 / -1;display:flex;justify-content:flex-end;gap:10px}.order-items-editor,.product-adjustments-editor{grid-column:1 / -1;display:grid;gap:10px;padding:12px;border:1px solid #d5e8ef;border-radius:6px;background:#f7fcff}.product-adjustment-row{display:grid;grid-template-columns:minmax(180px,1fr) 150px 130px 38px;align-items:end;gap:10px}.empty-inline{margin:0;color:var(--muted)}.order-items-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.order-item-row{display:grid;grid-template-columns:minmax(180px,1fr) 110px 130px 38px;align-items:end;gap:10px}.signature-field{grid-column:1 / -1;display:grid;gap:8px}.signature-head{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--ink);font-weight:700}.signature-canvas{width:100%;height:180px;border:1px solid var(--soft-cyan);border-radius:8px;background:#fff;touch-action:none}.signature-canvas.has-signature{border-color:var(--brand-blue)}.driver-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px}.driver-card{display:flex;align-items:center;justify-content:space-between;gap:14px;min-width:0;padding:14px;border:1px solid var(--line);border-radius:8px;background:#fff}.driver-card>div{display:grid;gap:4px;min-width:0}.driver-card strong,.driver-card span{display:block;min-width:0;overflow-wrap:anywhere}.driver-card span{color:var(--muted)}.driver-card>button{flex:0 0 auto}.delivery{display:grid;gap:8px}.delivery div{display:flex;gap:8px;flex-wrap:wrap}.driver-whatsapp-link{display:inline-flex;align-items:center;justify-self:start;gap:7px;min-height:36px;color:#08783e;font-weight:700;text-decoration:underline;text-underline-offset:3px}.driver-whatsapp-link:hover{color:#075d33}.checkbox-label{display:flex;align-items:center;gap:10px}.checkbox-label input{width:auto}.driver-history-wrap{width:100%;overflow-x:auto;border:1px solid var(--line);border-radius:8px;background:#fff}.driver-history-table{width:100%;min-width:640px;border-collapse:collapse}.driver-history-table th,.driver-history-table td{padding:12px 14px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}.driver-history-table th{color:var(--muted);font-size:13px;font-weight:800;background:#f7fbff}.driver-history-table td:first-child{width:84px;font-weight:800;white-space:nowrap}.driver-history-table td:nth-child(2),.driver-history-table td:nth-child(3){display:table-cell}.driver-history-table td strong,.driver-history-table td span,.driver-history-table td small{display:block}.driver-history-table td span,.driver-history-table td small{margin-top:4px;color:var(--muted)}.driver-history-table td:last-child{width:92px;font-weight:800;white-space:nowrap}.driver-history-table tr:last-child td{border-bottom:0}.driver-history-empty{margin:0;padding:16px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--muted)}.payment-cell{display:grid;gap:6px;align-items:start;white-space:normal}.link-action{width:fit-content;padding:6px 10px}.receipt-review{display:grid;gap:14px;padding:20px}.receipt-review-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.receipt-image{width:100%;max-height:min(62vh,720px);object-fit:contain;border:1px solid var(--line);border-radius:8px;background:#f8fcff}.driver-location-status{margin:-8px 0 14px;color:var(--muted)}.notification-action{display:inline-flex;align-items:center;gap:8px;margin:-4px 0 14px}.notification-action:disabled{cursor:wait;opacity:.72}.notification-message{width:min(620px,100%);margin:-4px 0 14px;border:1px solid #f1c7c7;border-radius:6px;padding:10px 12px;background:#fff5f5;color:#8f1d1d}.notification-message.success{border-color:#bce6c5;background:#f0fbf2;color:#176c2c}.route-action{display:inline-flex;align-items:center;gap:8px;min-height:40px;border-radius:6px;padding:10px 14px;color:#fff;text-decoration:none;background:linear-gradient(135deg,var(--brand-green),var(--brand-cyan))}.route-action:hover{background:linear-gradient(135deg,var(--brand-blue),var(--brand-magenta))}.route-action.is-disabled,.route-action.is-disabled:hover{cursor:not-allowed;pointer-events:none;color:#64748b;border:1px solid #cbd5e1;background:#d1d5db;box-shadow:none}.route-start-action.is-disabled{background:#d1d5db;color:#64748b;border:1px solid #cbd5e1;box-shadow:none}.driver-menu-toggle{display:inline-grid;place-items:center;width:44px;height:44px;padding:0}.driver-shell .driver-menu{position:fixed;top:78px;bottom:0;left:0;z-index:120;display:grid;gap:6px;width:min(82vw,310px);padding:18px 16px 86px;overflow-y:auto;background:linear-gradient(155deg,rgba(114,191,22,.22),transparent 26%),linear-gradient(25deg,rgba(163,22,140,.28),transparent 34%),#052a68;box-shadow:20px 0 40px #04142d38;transform:none;pointer-events:auto;align-content:start}.driver-shell .driver-menu a{display:flex;align-items:center;gap:10px;min-height:42px;padding:10px;border-radius:6px;color:#e9f8ff;text-decoration:none;background:transparent;font-weight:600}.driver-shell .driver-menu a:hover{color:#fff;background:#ffffff1a}.driver-menu-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:110;padding:0;border-radius:0;background:#04142d38}.driver-menu-backdrop:hover{background:#04142d38}.route-event-form{max-width:760px}.panel-section{display:grid;gap:14px;margin-top:18px;padding:16px;border:1px solid var(--line);border-radius:8px;background:#fff}.section-title-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.section-title-row h3{margin:0}.section-title-row select{width:min(340px,100%)}.material-stock-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.material-stock-grid label{display:grid;gap:6px;padding:12px;border:1px solid var(--line);border-radius:8px;background:#f8fcff}.material-stock-grid span{font-weight:700}.material-stock-grid small{color:var(--muted)}.route-products{grid-column:1 / -1;display:grid;gap:10px}.add-item-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:end;padding:12px;border:1px solid var(--line);border-radius:8px;background:#fff}.add-item-row select{width:100%}.transfer-product-card{display:grid;gap:8px;padding:12px;border:1px solid var(--line);border-radius:8px;background:#f8fcff}.transfer-product-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.transfer-product-head strong{min-width:0}.transfer-product-card small{color:var(--muted)}.transfer-product-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.transfer-detail{display:grid;gap:12px;min-width:0;padding:20px}.transfer-detail p{min-width:0;margin:0;overflow-wrap:anywhere}.transfer-request-items{min-width:0;table-layout:fixed}.transfer-request-items th:first-child,.transfer-request-items td:first-child{width:58%;white-space:normal}.transfer-request-items th:last-child,.transfer-request-items td:last-child{width:42%;white-space:normal}.transfer-response-error{width:100%;margin:0}.transfer-response-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.transfer-response-actions button{width:100%;min-width:0}.route-products label{grid-template-columns:minmax(0,1fr) 130px;align-items:center;gap:10px;padding:12px;border:1px solid var(--line);border-radius:8px;background:#fff}.route-products label span{display:grid;gap:3px;color:var(--ink);font-weight:700}.route-products small{color:var(--muted);font-weight:500}.route-cycle-summary{display:grid;gap:6px;width:min(760px,100%);margin-bottom:16px;padding:14px;border:1px solid var(--line);border-radius:8px;background:#fff}.route-cycle-summary span{color:var(--muted)}@media(max-width:820px){.app-shell{display:block;min-height:100vh}aside{position:sticky;top:0;z-index:20;padding:12px;gap:0;min-height:64px}.sidebar-top{width:100%;display:grid;grid-template-columns:40px minmax(0,1fr) 40px;align-items:center}.sidebar-brand{grid-column:2;justify-self:center;width:150px;gap:0}.sidebar-brand img{width:150px;height:42px;padding:5px 10px;border-radius:10px}.sidebar-brand span{display:none}aside h2{display:none}.mobile-menu-toggle{grid-column:1;justify-self:start;display:inline-grid;place-items:center;flex:0 0 auto;width:40px;height:40px;padding:0;border:1px solid rgba(255,255,255,.24);background:#ffffff1f}.mobile-menu-toggle:hover{background:#fff3}nav{position:fixed;top:64px;bottom:0;left:0;z-index:25;display:grid;align-content:start;gap:8px;width:min(82vw,310px);padding:18px 16px 86px;overflow-y:auto;background:linear-gradient(155deg,rgba(114,191,22,.22),transparent 26%),linear-gradient(25deg,rgba(163,22,140,.28),transparent 34%),#052a68;box-shadow:20px 0 40px #04142d38;transform:translate(-105%);transition:transform .22s ease;pointer-events:none}aside.is-open nav{transform:translate(0);pointer-events:auto}nav a,.nav-group-label{width:100%;min-height:40px;padding:9px 10px;white-space:normal}.nav-group{display:grid;gap:8px}.nav-children{display:grid;gap:8px;padding-left:12px;margin-left:10px;border-left:1px solid rgba(255,255,255,.18)}.nav-children a{font-size:13px;padding:9px 10px}header{height:auto;min-height:54px;padding:10px 16px}header div{max-width:100%}header strong,header span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.page-head{align-items:stretch;flex-direction:column}.page-head>button{width:100%}h1{font-size:24px}h3{margin-top:22px}.inline-form,.dashboard-charts,.report-filters{grid-template-columns:1fr}.sales-order-summary,.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.metric{padding:14px}.metric strong{font-size:22px}.chart-card .ant-card-head{align-items:flex-start;flex-direction:column;gap:4px;padding:12px 14px}.chart-card .ant-card-head-title{font-size:17px;white-space:normal}.chart-card .ant-card-body{padding:14px 10px}.toolbar{justify-content:stretch}.entity-form,.collection-summary,.receipt-upload-actions{grid-template-columns:1fr}.calendar-weekdays{grid-template-columns:repeat(2,minmax(0,1fr))}.order-items-head,.order-item-row,.product-adjustment-row{grid-template-columns:1fr}.product-adjustment-row .table-icon-action{justify-self:end}.order-items-head{align-items:stretch}.toolbar input{max-width:none}.app-table .ant-table-thead>tr>th,.app-table .ant-table-tbody>tr>td{padding:10px 12px}.app-table .ant-table-cell{max-width:190px}.app-table .ant-pagination{justify-content:center;margin:12px 8px}.row-actions{flex-wrap:nowrap}.form-actions{justify-content:stretch}.form-actions button{flex:1}.route-products label,.add-item-row{grid-template-columns:1fr}main{padding:16px}.modal-backdrop{align-items:end;padding:8px}.modal{width:100%;max-height:calc(100vh - 16px);border-radius:8px}.modal-head{padding:14px 16px}.modal-head h2{font-size:19px}.sales-order-detail,.transfer-detail{padding:16px}.transfer-response-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.transfer-response-actions button{padding-inline:8px}.driver-card{align-items:stretch;flex-direction:column}.driver-card>button{width:100%}.entity-form{padding:16px}.route-coverage-heading{align-items:flex-start;flex-direction:column}.route-map-canvas{min-height:300px}}@media(max-width:520px){.login-panel{padding:22px}.login-logo{width:min(250px,90%);height:auto}aside{border-bottom:1px solid rgba(255,255,255,.16)}nav a,.nav-group-label,.nav-children a{font-size:13px}nav a svg,.nav-group-label svg,.nav-children a svg{width:15px;height:15px}.driver-shell header{justify-content:flex-start}.driver-shell header div{text-align:left}.driver-shell header .logout-button{margin-left:auto;flex:none}main{padding:12px}.metric-grid{gap:10px}.app-table{border-radius:6px}.table-icon-action{width:32px;height:32px}.mixed-payments-head{align-items:stretch;flex-direction:column}.add-payment-action{justify-content:center;width:100%}.mixed-payment-fields,.mixed-payment-summary{grid-template-columns:1fr}.mixed-payment-row{padding:12px}}
