:root{color:#18212f;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--border:#dfe5ee;--muted:#6d7888;--panel:#fff;--navy:#172033;--green:#137a5a;--blue:#2563eb;--orange:#c05621;--violet:#6d45ba;background:#f5f7fb;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}button{cursor:pointer}.app-shell{grid-template-columns:280px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{color:#f8fafc;background:#172033;flex-direction:column;gap:28px;padding:28px 20px;display:flex}.brand{align-items:center;gap:12px;padding:0 8px;display:flex}.brand-mark{color:#0f3028;background:#9af0c6;border-radius:8px;place-items:center;width:44px;height:44px;display:grid}.brand strong,.brand span{display:block}.brand strong{font-size:20px;line-height:1.1}.brand span{color:#aab7ca;margin-top:4px;font-size:13px}.nav-list{gap:8px;display:grid}.nav-divider{background:#31405a;height:1px;margin:8px 12px}.sidebar-close,.nav-backdrop{display:none}.nav-item{color:#c7d2e4;text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:12px;width:100%;min-height:44px;padding:0 12px;display:flex}.nav-item:hover,.nav-item.active{color:#fff;background:#243149}.sidebar-card{color:#d9e7f8;background:#223047;border:1px solid #31435f;border-radius:8px;gap:10px;margin-top:auto;padding:16px;display:grid}.sidebar-card span{color:#aab7ca;font-size:13px;line-height:1.5}.main-content{min-width:0;padding:22px 28px 32px}.topbar,.page-heading,.panel-header,.topbar-actions,.profile-button{align-items:center;display:flex}.topbar{gap:14px;margin-bottom:28px}.search-box{min-height:44px;color:var(--muted);border:1px solid var(--border);background:#fff;border-radius:8px;flex:1;align-items:center;gap:10px;padding:0 14px;display:flex}.search-box input{color:#18212f;background:0 0;border:0;outline:0;width:100%;min-width:0}.topbar-actions{gap:10px}.icon-button,.profile-button,.primary-button,.secondary-button{border:1px solid var(--border);border-radius:8px}.icon-button{color:#304156;background:#fff;place-items:center;width:44px;height:44px;display:grid}.compact{display:none}.profile-button{color:#304156;background:#fff;gap:10px;height:44px;padding:0 12px}.profile-button span{color:#fff;background:#2563eb;border-radius:50%;place-items:center;width:28px;height:28px;font-size:12px;font-weight:800;display:grid}.page-heading{justify-content:space-between;gap:18px;margin-bottom:20px}.page-heading p,.panel-header p{color:var(--muted);text-transform:uppercase;margin:0 0 5px;font-size:13px;font-weight:700}.page-heading h1,.panel-header h2{letter-spacing:0;margin:0}.page-heading h1{font-size:clamp(28px,4vw,42px);line-height:1.1}.primary-button,.secondary-button{white-space:nowrap;justify-content:center;align-items:center;gap:8px;min-height:42px;display:inline-flex}.primary-button{color:#fff;background:#137a5a;border-color:#137a5a;padding:0 16px;font-weight:800}.primary-button:disabled{cursor:not-allowed;opacity:.55}.secondary-button{color:#304156;background:#fff;padding:0 14px}.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:16px;display:grid}.stat-card,.panel{background:var(--panel);border:1px solid var(--border);border-radius:8px}.stat-card{gap:14px;min-height:128px;padding:20px;display:flex}.stat-card span,.stat-card small,.store-row span,.zone-list span,.dispatch-summary span{color:var(--muted)}.stat-card span,.store-row span,.zone-list span,.dispatch-summary span,.stat-card small{font-size:13px}.stat-card strong{margin:8px 0 5px;font-size:28px;display:block}.stat-icon{border-radius:8px;flex:none;place-items:center;width:46px;height:46px;display:grid}.stat-icon.green{color:var(--green);background:#dbf7ea}.stat-icon.blue{color:var(--blue);background:#e4edff}.stat-icon.orange{color:var(--orange);background:#fff0df}.stat-icon.violet{color:var(--violet);background:#efe9ff}.dashboard-grid,.bottom-grid{gap:16px;display:grid}.dashboard-grid{grid-template-columns:minmax(0,1.7fr) minmax(320px,.8fr);margin-bottom:16px}.bottom-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.heading-actions{gap:10px;display:flex}.page-description{color:var(--muted);margin-top:9px;display:block}.dashboard-entry-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:18px}.entry-card{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:18px;min-height:150px;display:grid}.entry-card p,.entry-card h2{margin:0}.entry-card p{color:var(--muted);text-transform:uppercase;font-size:12px;font-weight:800}.entry-card h2{margin:5px 0 8px}.entry-card>div>span{color:var(--muted);font-size:14px}.entry-icon,.table-icon{border-radius:9px;place-items:center;display:grid}.entry-icon{width:52px;height:52px}.entry-icon.green,.table-icon{color:var(--green);background:#dbf7ea}.entry-icon.blue{color:var(--blue);background:#e4edff}.setup-banner{color:#185b47;background:#e7f7f0;border:1px solid #b7e5d2;border-radius:8px;align-items:center;gap:13px;margin-bottom:16px;padding:14px 16px;display:flex}.setup-banner.warning{color:#824313;background:#fff7e8;border-color:#f4d7aa}.setup-banner div{flex:1;gap:3px;display:grid}.setup-banner span{font-size:13px}.setup-banner code{font-weight:700}.data-panel{padding:0;overflow:hidden}.data-panel>.panel-header{padding:22px 24px 3px}.count-badge{color:#435166;background:#f1f4f8;border-radius:999px;padding:7px 11px;font-size:12px;font-weight:800}.data-table{width:100%;overflow-x:auto}.data-row{color:#344054;border-top:1px solid #edf1f6;align-items:center;gap:20px;min-width:780px;padding:17px 24px;font-size:14px;display:grid}.city-table .data-row{grid-template-columns:1.4fr 1fr 1fr 1fr .65fr}.vendor-table .data-row{grid-template-columns:1.25fr 1.5fr .8fr .9fr .55fr;min-width:900px}.data-head{color:var(--muted);text-transform:uppercase;background:#f8fafc;padding-top:11px;padding-bottom:11px;font-size:11px;font-weight:800}.name-cell,.vendor-person{align-items:center;gap:11px;display:flex}.table-icon,.avatar{flex:none;width:36px;height:36px}.avatar{color:#fff;background:#2563eb;border-radius:50%;place-items:center;font-size:12px;font-weight:800;display:grid}.vendor-person strong,.vendor-person small,.vendor-table .data-row>span>strong,.vendor-table .data-row>span>small{display:block}.vendor-person small,.vendor-table .data-row>span>small{max-width:250px;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin-top:4px;overflow:hidden}.table-search{min-width:230px;color:var(--muted);border:1px solid var(--border);border-radius:8px;align-items:center;gap:8px;padding:0 11px;display:flex}.vendor-filters{align-items:center;gap:10px;display:flex}.vendor-filters>select{color:#344054;border:1px solid var(--border);background:#fff;border-radius:8px;min-width:150px;height:40px;padding:0 34px 0 11px}.table-search input{border:0;outline:0;width:100%;height:38px}.empty-state{min-width:0;color:var(--muted);text-align:center;justify-items:center;gap:7px;padding:48px 20px;display:grid}.empty-state strong{color:#344054}.modal-backdrop{z-index:20;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0a12208f;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:#fff;border-radius:12px;width:min(100%,560px);max-height:calc(100vh - 40px);padding:24px;overflow-y:auto;box-shadow:0 24px 70px #08101e40}.modal.wide{width:min(100%,900px)}.modal-header{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:24px;display:flex}.modal-header p,.modal-header h2{margin:0}.modal-header p{color:var(--green);text-transform:uppercase;margin-bottom:4px;font-size:12px;font-weight:800}.modal-header h2{font-size:25px}.modal-header div>span{color:var(--muted);margin-top:7px;font-size:14px;display:block}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:17px;display:grid}.two-column{grid-template-columns:repeat(2,minmax(0,1fr))}.field{gap:7px;min-width:0;display:grid}.field>span{color:#344054;font-size:13px;font-weight:750}.field input,.field select,.field textarea{color:#1f2937;background:#fff;border:1px solid #cfd7e3;border-radius:8px;outline:0;width:100%;min-width:0;height:44px;padding:0 12px}.field textarea{resize:vertical;min-height:100px;padding:11px 12px}.field input:focus,.field select:focus,.field textarea:focus{border-color:#268669;box-shadow:0 0 0 3px #137a5a1f}.status-pill.pending{color:#9a4b0a;background:#fff0da}.status-pill.approved{color:#106b4f;background:#dcf7eb}.status-pill.rejected{color:#b42318;background:#ffe4e2}.area-admin-header,.submissions-header{align-items:flex-end}.area-admin-table .data-row{grid-template-columns:1.35fr 1.4fr 1fr .65fr .85fr;min-width:930px}.area-avatar{background:#6d45ba}.approvals-panel{padding:0;overflow:hidden}.approval-tabs{border-bottom:1px solid #e7ecf2;gap:5px;padding:16px 20px 0;display:flex}.approval-tabs button{color:#667085;background:0 0;border:0;border-bottom:3px solid #0000;align-items:center;gap:7px;padding:11px 14px;font-weight:750;display:inline-flex}.approval-tabs button.active{color:var(--green);border-bottom-color:var(--green)}.approval-tabs button span{color:#8a4b10;background:#fff0da;border-radius:999px;place-items:center;min-width:22px;height:22px;padding:0 6px;font-size:10px;display:grid}.approval-filters{background:#f8fafc;border-bottom:1px solid #e7ecf2;gap:9px;padding:16px 20px;display:flex}.approval-filters select{color:#344054;border:1px solid var(--border);background:#fff;border-radius:8px;min-width:190px;height:40px;padding:0 34px 0 11px}.approval-list{display:grid}.approval-row{border-bottom:1px solid #edf1f6;grid-template-columns:auto minmax(240px,1fr) auto auto;align-items:center;gap:15px;padding:16px 20px;display:grid}.approval-row:last-child{border-bottom:0}.approval-entity-icon{border-radius:10px;place-items:center;width:42px;height:42px;display:grid}.approval-entity-icon.driver{color:#176548;background:#ddf7eb}.approval-entity-icon.vendor{color:#1d5fc2;background:#e5efff}.approval-main>div{align-items:center;gap:8px;display:flex}.approval-main>span,.approval-main>small{color:var(--muted);margin-top:4px;font-size:11px;display:block}.entity-label{color:#596579;text-transform:uppercase;background:#eef1f5;border-radius:5px;padding:3px 6px;font-size:9px;font-weight:800}.approval-actions{gap:7px;display:flex}.approval-actions .secondary-button,.approve-button,.reject-button{border-radius:8px;justify-content:center;align-items:center;gap:6px;min-height:38px;padding:0 11px;font-size:12px;font-weight:800;display:inline-flex}.approve-button{color:#fff;background:#137a5a;border:1px solid #137a5a}.reject-button{color:#b42318;background:#fff;border:1px solid #efb4ae}.approve-button:disabled,.reject-button:disabled{cursor:not-allowed;opacity:.55}.approval-detail-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:20px;display:grid}.approval-detail-summary>div{background:#f7f9fc;border:1px solid #e5eaf1;border-radius:8px;padding:12px}.approval-detail-summary span,.approval-detail-summary strong{display:block}.approval-detail-summary>div>span{color:var(--muted);margin-bottom:5px;font-size:11px}.detail-section-title{margin:0 0 10px;font-size:15px}.area-hero{color:#f8fafc;background:radial-gradient(circle at 85% 10%,#9af0c638,#0000 34%),linear-gradient(135deg,#172033,#123f35);border-radius:12px;justify-content:space-between;align-items:center;gap:24px;margin-bottom:16px;padding:clamp(24px,4vw,40px);display:flex}.area-hero p,.area-hero h1{margin:0}.area-hero p{color:#b9c6d6;margin-top:16px;font-size:13px}.area-hero h1{margin:4px 0 10px;font-size:clamp(30px,4vw,46px)}.area-hero>div>span:last-child{color:#c8d4e2;max-width:650px;line-height:1.55;display:block}.area-hero-pin{color:#123f35;background:#9af0c6;border-radius:20px;flex:none;place-items:center;width:76px;height:76px;display:grid}.area-action-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:16px;display:grid}.area-action-card{grid-template-columns:auto minmax(0,1fr);align-items:start;gap:14px;display:grid}.area-action-card p,.area-action-card h2{margin:0}.area-action-card p{color:var(--muted);text-transform:uppercase;font-size:10px;font-weight:800}.area-action-card h2{margin:4px 0 7px;font-size:19px}.area-action-card div>span{color:var(--muted);font-size:12px;line-height:1.5}.area-action-card .secondary-button{grid-column:1/-1;width:100%}.zone-lock{color:#176548;background:#e5f7ef;border:1px solid #b7e5d2;border-radius:8px;align-items:center;gap:7px;padding:10px 13px;font-size:13px;font-weight:800;display:inline-flex}.area-form-panel{max-width:880px;padding:24px}.submission-table .data-row{grid-template-columns:1.3fr .9fr .7fr .95fr .95fr 1.3fr .45fr;min-width:1120px}.submission-table .data-row>span>strong,.submission-table .data-row>span>small{display:block}.submission-table .data-row>span>small{color:var(--muted);margin-top:3px}.table-action{color:#1d62c9;background:0 0;border:0;padding:0;font-weight:800}.vendor-menu-table .data-row{grid-template-columns:1.2fr 1.35fr .75fr .8fr .55fr .7fr;min-width:1040px}.muted-text{color:var(--muted)}.back-link{color:#35617a;background:0 0;border:0;align-items:center;gap:6px;margin:0 0 10px;padding:0;font-size:13px;font-weight:750;display:inline-flex}.menu-summary{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:20px;display:grid}.menu-summary-card{border:1px solid var(--border);background:#fff;border-radius:12px;padding:19px 20px;position:relative;overflow:hidden}.menu-summary-card:before{content:"";background:#2563eb;width:4px;position:absolute;inset:0 auto 0 0}.menu-summary-card.green:before{background:#14906a}.menu-summary-card.orange:before{background:#e18b27}.menu-summary-card.red:before{background:#d14343}.menu-summary-card span{color:var(--muted);font-size:12px;font-weight:750;display:block}.menu-summary-card strong{margin-top:7px;font-size:27px;display:block}.menu-toolbar{align-items:flex-end}.menu-filters{align-items:center;gap:9px;display:flex}.menu-filters select{border:1px solid var(--border);color:#344054;background:#fff;border-radius:8px;height:42px;padding:0 30px 0 11px}.product-grid{border-top:1px solid #edf1f6;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding:20px 24px 25px;display:grid}.product-card{background:#fff;border:1px solid #e2e7ee;border-radius:12px;min-width:0;overflow:hidden;box-shadow:0 4px 15px #1c2a3f0a}.product-image{color:#8792a2;background:#edf2f5;place-items:center;height:150px;display:grid;position:relative}.product-image img{object-fit:cover;width:100%;height:100%}.product-image .status-pill{position:absolute;top:10px;left:10px}.product-card-body{padding:15px}.product-card-body>div:first-child{justify-content:space-between;align-items:start;gap:12px;display:flex}.product-card h3{text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:16px;overflow:hidden}.product-card-body>div:first-child strong{color:#13283c;white-space:nowrap}.product-card p{color:var(--muted);margin:7px 0 11px;font-size:13px}.stock-label{border-radius:999px;padding:4px 8px;font-size:11px;font-weight:800;display:inline-flex}.stock-label.in{color:#106b4f;background:#dcf7eb}.stock-label.out{color:#b42318;background:#ffe4e2}.product-actions{border-top:1px solid #edf1f6;flex-wrap:wrap;align-items:center;gap:13px;margin-top:15px;padding-top:13px;display:flex}.product-actions .table-action{align-items:center;gap:4px;font-size:12px;display:inline-flex}.table-action:disabled{cursor:wait;opacity:.5}.menu-empty{min-height:310px}.skeleton-card{pointer-events:none}.skeleton-card>span,.skeleton-card i{background:linear-gradient(90deg,#eef1f4 25%,#f8fafc 50%,#eef1f4 75%) 0 0/200% 100%;animation:1.2s infinite skeleton;display:block}.skeleton-card>span{height:150px}.skeleton-card>div{padding:15px}.skeleton-card i{border-radius:4px;width:75%;height:12px;margin-bottom:10px}.skeleton-card i:nth-child(2){width:45%}.skeleton-card i:nth-child(3){width:60%}@keyframes skeleton{to{background-position:-200% 0}}.image-picker{text-align:center;color:#526173;cursor:pointer;background:#f8fafc;border:1px dashed #aeb9c7;border-radius:10px;place-items:center;min-height:122px;padding:13px;display:grid;position:relative}.image-picker img{object-fit:cover;border-radius:7px;width:70px;height:60px}.image-picker>span{text-overflow:ellipsis;white-space:nowrap;max-width:190px;font-size:12px;font-weight:750;overflow:hidden}.image-picker small{color:var(--muted);font-size:10px}.image-picker input{opacity:0;width:1px;height:1px;position:absolute}.menu-modal-wide{width:min(96vw,1120px)!important}.bulk-product-form{gap:10px;display:grid}.bulk-row{grid-template-columns:1.5fr 1fr .75fr 1.25fr 42px;align-items:start;gap:9px;display:grid}.bulk-row.bulk-head{color:var(--muted);text-transform:uppercase;padding:0 3px;font-size:11px;font-weight:800}.bulk-row label{gap:3px;display:grid}.bulk-row input:not([type=file]){border:1px solid #cfd7e3;border-radius:7px;width:100%;height:42px;padding:0 10px}.bulk-row label>small{color:#b42318;font-size:10px}.compact-upload{position:relative}.compact-upload input{opacity:0;width:1px;height:1px;position:absolute}.compact-upload>span:not(.mobile-field-label){color:#536174;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;background:#f8fafc;border:1px dashed #aeb9c7;border-radius:7px;height:42px;padding:11px 10px;font-size:12px;overflow:hidden}.mobile-field-label{display:none}.icon-button.danger{color:#bd2525}.bulk-footer{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:15px;margin-top:8px;padding-top:16px;display:flex}.bulk-footer .form-actions{margin:0 0 0 auto}.menu-toast{z-index:80;color:#fff;background:#12684e;border-radius:10px;align-items:center;gap:9px;max-width:380px;padding:13px 16px;font-size:13px;font-weight:750;display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 12px 35px #0a231b3d}.menu-toast.error{background:brown}.area-menu-directory{border-top:1px solid #edf1f6;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:20px 24px 25px;display:grid}.area-menu-vendor{border:1px solid var(--border);border-radius:11px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;min-height:82px;padding:15px;display:grid}.area-menu-vendor strong,.area-menu-vendor small{display:block}.area-menu-vendor small{color:var(--muted);margin-top:4px}.area-menu-vendor.skeleton-card{grid-template-columns:1fr}.area-menu-vendor.skeleton-card>span{width:70%;height:14px}.area-menu-vendor.skeleton-card>i{width:45%;height:11px}.submission-details{margin-top:15px}.area-profile{grid-template-columns:auto minmax(0,1fr) minmax(260px,.6fr);align-items:center;gap:18px;max-width:900px;display:grid}.area-profile-avatar{color:#176548;background:#ddf7eb;border-radius:50%;place-items:center;width:72px;height:72px;display:grid}.area-profile h2,.area-profile p{margin:0}.area-profile h2{margin:8px 0 5px}.area-profile p{color:var(--muted);font-size:13px}.area-profile-zone{color:#176548;background:#effaf5;border:1px solid #c4ead9;border-radius:9px;align-items:center;gap:11px;padding:15px;display:flex}.area-profile-zone small,.area-profile-zone strong{display:block}.area-profile-zone small{color:#558072;text-transform:uppercase;margin-bottom:4px;font-size:10px}.place-input,.password-field{position:relative}.place-input>svg{z-index:1;color:var(--muted);position:absolute;top:13px;left:12px}.place-input input{padding-left:39px}.place-autocomplete{position:relative}.place-suggestions{z-index:50;border:1px solid var(--border);background:#fff;border-radius:8px;max-height:260px;margin:0;padding:6px;list-style:none;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow-y:auto;box-shadow:0 14px 35px #0f172a2e}.place-suggestions button{color:#344054;text-align:left;background:0 0;border:0;border-radius:6px;width:100%;padding:10px 11px}.place-suggestions button:hover,.place-suggestions button:focus-visible{background:#edf7f3;outline:0}.vendor-map-block{gap:10px;display:grid}.vendor-map-header{justify-content:space-between;align-items:flex-end;gap:16px;display:flex}.vendor-map-header span,.vendor-map-header strong,.vendor-map-header small{display:block}.vendor-map-header span{color:#344054;font-size:13px;font-weight:750}.vendor-map-header strong{color:#18212f;margin-top:4px;font-size:14px}.vendor-map-header small{color:var(--muted);white-space:nowrap;font-size:12px}.vendor-map-preview{background:#eef4f9;border:1px solid #cfd7e3;border-radius:8px;width:100%;height:360px;position:relative;overflow:hidden}.vendor-map-preview .map-fallback{z-index:2;color:var(--muted);text-align:center;background-color:#eef4f9;background-image:linear-gradient(90deg,#1720330f 1px,#0000 1px),linear-gradient(#1720330f 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:34px 34px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;align-content:center;justify-items:center;gap:8px;padding:24px;display:grid;position:absolute;inset:0}.map-fallback strong{color:#344054}.map-fallback span{max-width:390px;font-size:13px;line-height:1.5}.password-field button{width:36px;height:36px;color:var(--muted);background:0 0;border:0;place-items:center;display:grid;position:absolute;top:4px;right:5px}.password-field input{padding-right:45px}.full-width,.form-actions,.form-error{grid-column:1/-1}.form-actions{border-top:1px solid #edf1f6;justify-content:flex-end;gap:10px;margin-top:4px;padding-top:18px;display:flex}.form-error,.security-note,.input-help{margin:0;font-size:12px}.form-error,.input-help.error{color:#b42318}.security-note{color:var(--muted)}.dispatch-heading{align-items:flex-end}.dispatch-controls{align-items:flex-end;gap:9px;display:flex}.dispatch-controls label{gap:6px;display:grid}.dispatch-controls label>span{color:var(--muted);text-transform:uppercase;font-size:11px;font-weight:800}.dispatch-controls select{color:#263548;border:1px solid var(--border);background:#fff;border-radius:8px;width:230px;height:42px;padding:0 35px 0 12px}.banner-close{width:32px;height:32px;color:inherit;background:0 0;border:0;flex:none}.dispatch-welcome{text-align:center;background:radial-gradient(circle at top,#137a5a1a,#0000 45%),#fff;justify-items:center;max-width:760px;margin:55px auto 0;padding:55px 35px;display:grid}.dispatch-welcome-icon{width:68px;height:68px;color:var(--green);background:#ddf7eb;border-radius:18px;place-items:center;margin-bottom:16px;display:grid}.dispatch-welcome p,.dispatch-welcome h2{margin:0}.dispatch-welcome p{color:var(--green);text-transform:uppercase;font-size:12px;font-weight:800}.dispatch-welcome h2{margin:5px 0 9px;font-size:27px}.dispatch-welcome>span:last-child{max-width:560px;color:var(--muted);line-height:1.6}.dispatch-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:14px;display:grid}.dispatch-metric{align-items:center;gap:13px;min-height:92px;padding:16px 18px;display:flex}.dispatch-metric small,.dispatch-metric strong{display:block}.dispatch-metric small{color:var(--muted);font-size:12px}.dispatch-metric strong{margin-top:3px;font-size:25px}.dispatch-board-grid{grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr);align-items:start;gap:14px;display:grid}.dispatch-column{padding:0;overflow:hidden}.dispatch-column>.panel-header{border-bottom:1px solid #edf1f6;margin:0;padding:20px 20px 16px}.checked-at{color:var(--muted);font-size:11px}.order-card-list,.driver-card-list{background:#f8fafc;gap:11px;min-height:250px;max-height:calc(100vh - 360px);padding:14px;display:grid;overflow-y:auto}.dispatch-order-card,.dispatch-driver-card{background:#fff;border:1px solid #dfe5ee;border-radius:10px}.dispatch-order-card{padding:16px;transition:border-color .18s,box-shadow .18s}.dispatch-order-card:hover,.dispatch-order-card.highlighted{border-color:#87cbb0;box-shadow:0 8px 25px #137a5a14}.dispatch-order-card.highlighted{outline:3px solid #137a5a1a}.dispatch-card-top,.dispatch-card-footer{justify-content:space-between;align-items:center;gap:12px;display:flex}.order-id{color:#1f2c3e;font-size:14px;font-weight:850}.order-party{align-items:center;gap:10px;margin-top:13px;display:flex}.order-party>span{color:#3d5776;background:#eef3f8;border-radius:8px;flex:none;place-items:center;width:33px;height:33px;display:grid}.order-party small,.order-party strong{display:block}.order-party small{color:var(--muted);text-transform:uppercase;margin-bottom:2px;font-size:10px;font-weight:800}.order-party strong{font-size:13px}.order-address{color:#5d6878;background:#f7f9fc;border-radius:7px;gap:7px;margin-top:13px;padding:10px;font-size:12px;line-height:1.45;display:flex}.order-address svg{flex:none}.dispatch-card-footer{border-top:1px solid #edf1f6;margin-top:15px;padding-top:13px}.dispatch-card-footer>span{color:#435166;font-size:13px;font-weight:750}.dispatch-card-footer .primary-button{min-height:36px;padding:0 12px;font-size:12px}.dispatch-driver-card{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:11px;padding:14px;display:grid}.dispatch-driver-card div>strong,.dispatch-driver-card div>span,.dispatch-driver-card div>small{display:block}.dispatch-driver-card div>strong{font-size:13px}.dispatch-driver-card div>span,.dispatch-driver-card div>small{max-width:260px;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:11px;overflow:hidden}.available-dot{color:#137a5a;text-transform:uppercase;font-size:10px;font-weight:800}.available-dot:before{content:"";background:#24a979;border-radius:50%;width:7px;height:7px;margin-right:5px;display:inline-block}.dispatch-empty{min-height:220px;color:var(--muted);text-align:center;align-content:center;justify-items:center;gap:7px;padding:25px;display:grid}.dispatch-empty strong{color:#344054}.dispatch-empty span{max-width:320px;font-size:12px;line-height:1.5}.dispatch-assignment{max-width:none}.assign-modal{width:min(100%,650px)}.driver-choice-list{gap:9px;max-height:330px;display:grid;overflow-y:auto}.driver-choice{border:1px solid var(--border);cursor:pointer;border-radius:9px;grid-template-columns:auto auto minmax(0,1fr) auto;align-items:center;gap:11px;padding:12px;display:grid}.driver-choice.selected{background:#effaf5;border-color:#65b795;box-shadow:0 0 0 3px #137a5a14}.driver-choice input{accent-color:var(--green)}.driver-choice>span>strong,.driver-choice>span>small{display:block}.driver-choice>span>small{color:var(--muted);margin-top:3px;font-size:11px}.driver-choice>svg{color:#0000}.driver-choice.selected>svg{color:var(--green)}.payout-field{margin-top:17px}.money-input{position:relative}.money-input svg{color:var(--muted);position:absolute;top:13px;left:12px}.money-input input{padding-left:36px}.pac-container{z-index:10000;border:0;border-radius:8px;box-shadow:0 12px 35px #0f172a33}.panel{min-width:0;padding:20px}.panel-header{justify-content:space-between;gap:16px;margin-bottom:18px}.panel-header h2{font-size:20px}.orders-table{overflow-x:auto}.table-row{color:#344054;border-bottom:1px solid #edf1f6;grid-template-columns:1.05fr 1.1fr 1.1fr 1fr .9fr .7fr;align-items:center;gap:16px;min-width:760px;padding:14px 0;display:grid}.table-row:last-child{border-bottom:0}.table-head{color:var(--muted);text-transform:uppercase;padding-top:0;font-size:12px;font-weight:800}.table-row strong,.table-row small{display:block}.table-row small{color:var(--muted);margin-top:4px}.status-pill{white-space:nowrap;border-radius:999px;align-items:center;min-height:28px;padding:0 10px;font-size:12px;font-weight:800;display:inline-flex}.status-pill.preparing{color:#8a4b10;background:#fff3d6}.status-pill.on-route{color:#1e5fbf;background:#e3efff}.status-pill.delivered{color:#137a5a;background:#dcf7eb}.status-pill.issue{color:#b42318;background:#ffe4e2}.status-pill.on-duty,.status-pill.active{color:#106b4f;background:#dcf7eb}.status-pill.off-duty{color:#596579;background:#eef1f5}.status-pill.inactive{color:#b42318;background:#ffe4e2}.drivers-panel{margin-top:16px}.drivers-header{align-items:flex-end}.driver-filters{align-items:center;gap:8px;display:flex}.driver-filters select{color:#344054;border:1px solid var(--border);background:#fff;border-radius:8px;max-width:180px;height:40px;padding:0 30px 0 10px}.driver-filters .icon-button{width:40px;height:40px}.driver-table .data-row{grid-template-columns:1.25fr 1.25fr 1fr .75fr .7fr .7fr .7fr 1.25fr;gap:14px;min-width:1280px}.driver-avatar{background:#137a5a}.row-actions{flex-wrap:wrap;gap:5px 12px;display:flex}.row-actions button{color:#1d62c9;background:0 0;border:0;padding:0;font-size:12px;font-weight:750}.row-actions .danger-link{color:#b42318}.alert-panel{padding:20px 22px}.alert-count{color:#586579;background:#eef1f5;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:800}.alert-count.has-alerts{color:#9b3412;background:#ffeadf}.alert-row{border-top:1px solid #edf1f6;grid-template-columns:auto 1fr auto;align-items:center;gap:13px;padding:13px 0;display:grid}.alert-row div>strong,.alert-row div>span{display:block}.alert-row div>span{color:var(--muted);margin-top:4px;font-size:13px}.alert-icon{color:#b54708;background:#fff3e8;border-radius:50%;place-items:center;width:36px;height:36px;display:grid}.quiet-state{color:#4d635b;align-items:center;gap:8px;padding-top:4px;font-size:14px;display:flex}.inline-error,.field-error{color:#b42318;margin:0;font-size:12px}.field-invalid input,.field-invalid select{border-color:#d92d20}.toggle-field{border:1px solid var(--border);background:#f8fafc;border-radius:8px;align-items:center;gap:11px;padding:13px;display:flex}.toggle-field input{width:18px;height:18px}.toggle-field strong,.toggle-field small{display:block}.toggle-field small{color:var(--muted);margin-top:3px}.details-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.detail-item{background:#f7f9fc;border:1px solid #e5eaf1;border-radius:8px;padding:15px}.detail-item span,.detail-item strong{display:block}.detail-item span{color:var(--muted);margin-bottom:5px;font-size:12px}.toast{z-index:70;color:#12583f;background:#e7f7f0;border:1px solid #a8dcc7;border-radius:9px;align-items:center;gap:10px;max-width:min(440px,100vw - 40px);padding:13px 14px;display:flex;position:fixed;top:20px;right:20px;box-shadow:0 14px 35px #0f172a29}.toast span{flex:1;font-size:13px;font-weight:700}.toast button{color:inherit;background:0 0;border:0;padding:3px;display:grid}.spin{animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.order-assignment-panel{max-width:960px}.assignment-state{border-color:#b6d6ff;grid-template-columns:auto minmax(0,1fr) minmax(240px,.65fr);align-items:center;gap:16px;max-width:960px;margin-bottom:16px;display:grid}.assignment-state p,.assignment-state h2{margin:0}.assignment-state p{color:#2563eb;text-transform:uppercase;font-size:12px;font-weight:800}.assignment-state h2{margin:4px 0 7px}.assignment-state>div>span{color:var(--muted);font-size:13px}.assignment-status-icon{color:#2563eb;background:#e8f1ff;border-radius:50%;place-items:center;width:48px;height:48px;display:grid}.notification-state,.candidate-rule{border-radius:8px;align-items:flex-start;gap:8px;padding:12px;font-size:12px;line-height:1.45;display:flex}.notification-state.sent{color:#176548;background:#e7f7f0}.notification-state.not-sent{color:#8a4212;background:#fff3e8}.candidate-rule{color:#405166;background:#f3f6fa;border:1px solid #e1e7ef}.login-state{justify-items:start;gap:10px;max-width:600px;padding:32px;display:grid}.login-state p,.login-state h1{margin:0}.login-state p{color:var(--muted);text-transform:uppercase;font-size:12px;font-weight:800}.login-state>span{color:var(--muted);margin-bottom:12px;line-height:1.6}.login-page{background:#f5f7fb;grid-template-columns:minmax(360px,.85fr) minmax(520px,1.15fr);min-height:100vh;display:grid}.login-brand-panel{color:#f8fafc;background:radial-gradient(circle at 10% 15%,#68dda62e,#0000 30%),linear-gradient(145deg,#172033,#0f2c2a);flex-direction:column;padding:clamp(32px,5vw,72px);display:flex}.login-brand{align-items:center;gap:13px;display:flex}.login-brand>span,.login-shield{color:#0f3028;background:#9af0c6;border-radius:10px;place-items:center;display:grid}.login-brand>span{width:50px;height:50px}.login-brand strong,.login-brand small{display:block}.login-brand strong{font-size:22px}.login-brand small{color:#aab7ca;margin-top:3px}.login-copy{margin:auto 0}.login-shield{width:58px;height:58px;margin-bottom:22px}.login-copy p,.login-copy h1{margin:0}.login-copy p{color:#9af0c6;letter-spacing:.05em;text-transform:uppercase;font-size:13px;font-weight:800}.login-copy h1{max-width:600px;margin:12px 0 18px;font-size:clamp(36px,5vw,60px);line-height:1.04}.login-copy>span:last-child{color:#bcc8d8;max-width:540px;font-size:16px;line-height:1.65;display:block}.login-security{color:#aab7ca;align-items:center;gap:9px;font-size:13px;display:flex}.login-form-panel{place-items:center;padding:30px;display:grid}.login-card{border:1px solid var(--border);background:#fff;border-radius:14px;gap:20px;width:min(100%,470px);padding:clamp(28px,4vw,44px);display:grid;box-shadow:0 24px 65px #0f172a17}.login-card-heading{margin-bottom:5px}.login-card-heading p,.login-card-heading h2{margin:0}.login-card-heading p{color:var(--green);text-transform:uppercase;font-size:12px;font-weight:800}.login-card-heading h2{margin:5px 0 8px;font-size:31px}.login-card-heading span,.login-note{color:var(--muted);font-size:13px;line-height:1.5}.login-submit{width:100%;min-height:48px}.login-error{color:#b42318;background:#fff1f0;border:1px solid #ffc9c5;border-radius:8px;padding:11px 12px;font-size:13px}.login-note{text-align:center;margin:-3px 0 0}.auth-loading{color:#344054;place-content:center;justify-items:center;gap:8px;min-height:100vh;display:grid}.auth-loading>span:last-child{color:var(--muted);font-size:13px}.account-menu{position:relative}.account-dropdown{z-index:15;border:1px solid var(--border);background:#fff;border-radius:9px;width:260px;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden;box-shadow:0 16px 40px #0f172a29}.account-dropdown>div{gap:5px;padding:15px;display:grid}.account-dropdown>div>span{color:var(--muted);text-overflow:ellipsis;font-size:12px;overflow:hidden}.role-badge{color:#176548;text-transform:uppercase;background:#ddf7eb;border-radius:999px;width:fit-content;margin-top:3px;padding:4px 7px;font-size:10px;font-weight:800;display:inline-flex}.account-dropdown>button{color:#b42318;text-align:left;background:#fff;border:0;border-top:1px solid #edf1f6;align-items:center;gap:8px;width:100%;padding:12px 15px;display:flex}.admin-table .data-row{grid-template-columns:1.35fr 1.5fr .65fr .65fr;min-width:760px}.admin-avatar{background:#6d45ba}.security-note{align-items:center;gap:6px;display:flex}.zone-map{background-color:#eef4f9;background-image:linear-gradient(90deg,#1720330f 1px,#0000 1px),linear-gradient(#1720330f 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:36px 36px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;border:1px solid #d8e2ee;border-radius:8px;height:248px;position:relative;overflow:hidden}.pin{z-index:2;background:#137a5a;border:4px solid #fff;border-radius:50%;width:18px;height:18px;position:absolute;box-shadow:0 8px 20px #137a5a3d}.pin-a{top:56px;left:58px}.pin-b{background:#2563eb;top:96px;right:78px}.pin-c{background:#c05621;bottom:54px;left:132px}.route{transform-origin:0;background:#a7b8cf;border-radius:999px;height:3px;position:absolute}.route-a{width:170px;top:83px;left:76px;transform:rotate(12deg)}.route-b{width:130px;bottom:77px;left:144px;transform:rotate(-42deg)}.zone-list,.store-list{gap:14px;margin-top:16px;display:grid}.zone-list>div,.store-row{justify-content:space-between;align-items:center;gap:16px;display:flex}.zone-list strong,.zone-list span,.store-row strong,.store-row span{display:block}.zone-list span,.store-row span{margin-top:4px}.store-row{border-bottom:1px solid #edf1f6;padding-bottom:14px}.store-row:last-child{border-bottom:0;padding-bottom:0}.progress-track{background:#edf1f6;border-radius:999px;width:min(42%,180px);height:9px;overflow:hidden}.progress-track span{border-radius:inherit;background:#137a5a;height:100%;display:block}.dispatch-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.dispatch-summary div{background:#f7f9fc;border:1px solid #e3e9f2;border-radius:8px;min-height:110px;padding:16px}.dispatch-summary strong{margin-bottom:8px;font-size:30px;display:block}@media (width<=1100px){.app-shell{grid-template-columns:1fr}.sidebar{display:none}.sidebar.mobile-open{z-index:30;width:min(84vw,300px);display:flex;position:fixed;inset:0 auto 0 0;overflow-y:auto;box-shadow:16px 0 50px #0a12204d}.sidebar-close{color:#dbe6f6;background:0 0;border:0;place-items:center;width:36px;height:36px;margin-left:auto;display:grid}.nav-backdrop{z-index:29;background:#0a122073;border:0;display:block;position:fixed;inset:0}.compact{display:grid}.stats-grid,.dashboard-grid,.bottom-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dispatch-board-grid{grid-template-columns:1fr}.order-card-list,.driver-card-list{max-height:none}.area-action-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=760px){.main-content{padding:16px}.topbar{flex-wrap:wrap;align-items:stretch}.search-box{flex-basis:100%;order:3}.topbar-actions{margin-left:auto}.profile-button strong,.profile-button svg{display:none}.page-heading{flex-direction:column;align-items:flex-start}.heading-actions,.heading-actions .primary-button,.heading-actions .secondary-button{width:100%}.heading-actions{flex-direction:column}.stats-grid,.dashboard-grid,.bottom-grid,.dispatch-summary{grid-template-columns:1fr}.primary-button{width:100%}.entry-card{grid-template-columns:auto minmax(0,1fr)}.entry-card .secondary-button{grid-column:1/-1}.vendors-header{flex-direction:column;align-items:stretch}.drivers-header,.driver-filters,.assignment-state{grid-template-columns:1fr;align-items:stretch}.dispatch-heading,.dispatch-controls{align-items:stretch;width:100%}.dispatch-controls{flex-direction:column}.dispatch-controls select{width:100%}.dispatch-summary-grid{grid-template-columns:1fr}.dispatch-metric{min-height:80px}.dispatch-driver-card{grid-template-columns:auto minmax(0,1fr)}.available-dot{grid-column:2}.drivers-header,.driver-filters{flex-direction:column}.driver-filters select,.driver-filters .icon-button{width:100%;max-width:none}.alert-row{grid-template-columns:auto 1fr}.alert-row .secondary-button{grid-column:1/-1}.details-grid{grid-template-columns:1fr}.area-admin-header,.submissions-header,.approval-filters,.approval-row{align-items:stretch}.area-admin-header,.submissions-header,.approval-filters{flex-direction:column}.approval-filters select{width:100%}.approval-row{grid-template-columns:auto minmax(0,1fr)}.approval-row>.status-pill,.approval-actions{grid-column:1/-1}.approval-actions{flex-wrap:wrap}.approval-detail-summary,.area-action-grid,.area-profile{grid-template-columns:1fr}.area-hero{align-items:flex-start}.area-hero-pin{display:none}.table-search{width:100%}.vendor-filters{flex-direction:column;align-items:stretch}.vendor-filters>select{width:100%}.setup-banner{flex-wrap:wrap;align-items:flex-start}.setup-banner .secondary-button{width:100%}.modal-backdrop{align-items:end;padding:0}.modal,.modal.wide{border-radius:14px 14px 0 0;width:100%;max-height:92vh;padding:20px}.form-grid,.two-column{grid-template-columns:1fr}.full-width,.form-actions,.form-error{grid-column:auto}.vendor-map-header{flex-direction:column;align-items:flex-start;gap:7px}.vendor-map-header small{white-space:normal}.vendor-map-preview{height:320px}.stat-card{min-height:112px}.login-page{grid-template-columns:1fr}.login-brand-panel{min-height:230px;padding:28px 24px}.login-copy{margin:40px 0 15px}.login-copy h1{font-size:34px}.login-copy>span:last-child,.login-security{display:none}.login-form-panel{padding:20px 16px 35px}.login-card{padding:25px 20px}}@media (width<=1050px){.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.menu-toolbar{flex-direction:column;align-items:stretch}.menu-filters{flex-wrap:wrap}}@media (width<=700px){.menu-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.product-grid,.area-menu-directory{grid-template-columns:1fr;padding:14px}.menu-filters{flex-direction:column;align-items:stretch}.menu-filters select,.menu-filters .table-search{width:100%}.bulk-row.bulk-head{display:none}.bulk-row{border:1px solid var(--border);border-radius:10px;grid-template-columns:1fr 1fr;padding:15px 44px 15px 15px;position:relative}.bulk-row .icon-button{position:absolute;top:9px;right:6px}.mobile-field-label{color:var(--muted);text-transform:uppercase;font-size:10px;font-weight:800;display:block}.bulk-footer{flex-direction:column;align-items:stretch}.bulk-footer .form-actions{width:100%;margin:0}.area-menu-vendor{grid-template-columns:auto minmax(0,1fr)}.area-menu-vendor .primary-button{grid-column:1/-1}.menu-toast{bottom:14px;left:14px;right:14px}}