:root { --ink:#061d46; --muted:#62737a; --cream:#f8f8f5; --mint:#e4f4ee; --green:#0a5a68; --green-dark:#063d49; --gold:#ffb000; --line:#d7e2dd; --white:#fff; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--cream); color:var(--ink); font-family:Arial,Helvetica,sans-serif; line-height:1.5; }
.site-header { height:78px; display:flex; align-items:center; justify-content:space-between; padding:0 max(5vw,30px); background:rgba(248,248,245,.94); position:sticky; top:0; z-index:5; border-bottom:1px solid rgba(6,29,70,.09); }
.header-actions { display:flex; align-items:center; gap:10px; }.login-button,.text-button { background:transparent; border:0; color:var(--ink); cursor:pointer; font-size:14px; font-weight:700; padding:10px; }.login-button:hover,.text-button:hover { color:#a66d00; }.text-button { font-size:12px; padding:10px 0 0; text-decoration:underline; }dialog .button { margin-top:16px; width:100%; }.form-message.dark { color:#a66d00; }
.brand { color:var(--ink); display:flex; align-items:center; text-decoration:none; }
.wordmark,.store-wordmark { display:inline-flex; flex-direction:column; align-items:stretch; width:66px; }
.wordmark-name { color:var(--ink); display:block; font-family:"Arial Black",Arial,Helvetica,sans-serif; font-size:30px; font-weight:900; letter-spacing:-2px; line-height:.8; width:100%; }
.wordmark-name b { color:var(--gold); }
.wordmark-tagline { color:var(--ink); display:block; font-family:Arial,Helvetica,sans-serif; font-size:8px; font-weight:900; letter-spacing:.35px; line-height:1; margin-top:6px; text-align:center; text-transform:uppercase; width:100%; white-space:nowrap; }.wordmark-tagline b { color:var(--gold); }
.store-wordmark { margin:0 0 15px; width:105px; }.store-wordmark .wordmark-name { font-size:47px; }.store-wordmark .wordmark-tagline { font-size:12px; letter-spacing:0; margin-top:9px; }
nav { display:flex; gap:28px; }
nav a,.text-link { color:var(--ink); font-size:14px; font-weight:600; text-decoration:none; }
.button { border:0; border-radius:9px; background:var(--ink); color:white; cursor:pointer; font-size:14px; font-weight:700; padding:14px 20px; transition:.2s; }
.button:hover { background:#0e376f; transform:translateY(-1px); }
.button-small { padding:10px 15px; }
.hero { max-width:1180px; margin:auto; padding:94px max(5vw,30px) 74px; display:grid; grid-template-columns:1.15fr .85fr; gap:70px; align-items:center; }
.eyebrow { color:#c78400; font-size:11px; font-weight:800; letter-spacing:1.3px; margin:0 0 12px; }
.hero h1 { font-size:clamp(46px,6vw,75px); letter-spacing:-3.7px; line-height:1.02; margin:0; max-width:700px; }
.lead { color:var(--muted); font-size:19px; margin:23px 0 28px; max-width:560px; }
.hero-actions { display:flex; gap:24px; align-items:center; }
.text-link span { font-size:21px; margin-left:4px; }
.trust-row { color:var(--muted); display:flex; flex-wrap:wrap; font-size:13px; gap:13px 19px; margin-top:34px; }
.hero-card { background:var(--white); border:1px solid var(--line); border-top:4px solid var(--gold); border-radius:17px; box-shadow:0 20px 50px rgba(6,29,70,.12); padding:25px; }
.card-top { color:var(--muted); display:flex; align-items:center; gap:7px; font-size:10px; font-weight:bold; letter-spacing:1px; }
.card-top strong { color:var(--ink); letter-spacing:0; margin-left:auto; }
.live-dot { width:8px; height:8px; background:#2bb673; border-radius:50%; }
.hero-card h2 { font-size:22px; line-height:1.2; margin:22px 0; }
.status-list { display:grid; gap:16px; }
.status { color:#84939a; display:flex; gap:12px; align-items:flex-start; font-size:14px; }
.status i { border:1px solid #c8d3d0; border-radius:50%; display:grid; font-size:11px; font-style:normal; height:23px; place-items:center; width:23px; flex:0 0 auto; }
.status span { font-weight:700; }.status small { color:var(--muted); display:block; font-size:12px; font-weight:400; }
.status.done,.status.active { color:var(--ink); }.status.done i { background:var(--ink); border-color:var(--ink); color:white; }.status.active i { border:2px solid var(--gold); color:#a66d00; }
.storefront { max-width:1060px; margin:0 auto 46px; display:grid; grid-template-columns:1.15fr .85fr; align-items:center; gap:38px; background:white; border:1px solid var(--line); border-radius:18px; overflow:hidden; }
.storefront img { display:block; width:100%; height:285px; object-fit:cover; }.storefront div { padding:18px 36px 18px 0; }.storefront p:last-child { color:var(--muted); margin:0; }
.offer { max-width:1060px; margin:0 auto 86px; border-radius:18px; padding:31px 36px; background:var(--ink); color:white; display:flex; align-items:center; justify-content:space-between; gap:25px; }.offer .eyebrow { color:#ffc452; }.offer h2 { font-size:28px; margin:0; }.offer p { color:#dce5f2; margin:4px 0 0; }.button-light { background:var(--gold); color:var(--ink); }.button-light:hover { background:#ffc340; }
.section { max-width:1180px; margin:auto; padding:0 max(5vw,30px) 95px; }.section-heading { max-width:620px; }.section h2,.track-section h2 { font-size:38px; letter-spacing:-1.6px; line-height:1.1; margin:0 0 13px; }.section-heading > p:last-child { color:var(--muted); margin:0; }
.service-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:16px; margin-top:35px; }.service-card { background:white; border:1px solid var(--line); border-radius:13px; display:flex; flex-direction:column; min-height:230px; padding:24px; }.icon { background:#fff4d9; border-radius:13px; color:#bb7900; display:grid; font-size:27px; height:47px; place-items:center; width:47px; }.service-card h3 { font-size:18px; margin:24px 0 7px; }.service-card p { color:var(--muted); font-size:14px; margin:0; }.service-card span { color:#a96f00; font-size:12px; font-weight:700; margin-top:auto; padding-top:20px; }
.price-section { max-width:1180px; margin:auto; padding:0 max(5vw,30px) 95px; }.price-list { display:grid; gap:13px; margin-top:35px; }.price-category { background:white; border:1px solid var(--line); border-radius:12px; overflow:hidden; }.price-category summary { color:var(--ink); cursor:pointer; font-size:16px; font-weight:800; list-style:none; padding:18px 20px; }.price-category summary::-webkit-details-marker { display:none; }.price-category summary::after { color:#a96f00; content:"+"; float:right; font-size:22px; line-height:18px; }.price-category[open] summary::after { content:"−"; }.price-category small { color:var(--muted); font-size:12px; font-weight:600; margin-left:9px; }.price-table-wrap { overflow-x:auto; }.price-table { border-collapse:collapse; min-width:520px; width:100%; }.price-table th { background:#f3f6f8; color:var(--muted); font-size:11px; letter-spacing:.6px; text-align:left; text-transform:uppercase; }.price-table th,.price-table td { border-top:1px solid #e6ecea; padding:12px 20px; }.price-table td { color:var(--ink); font-size:14px; }.price-table td:not(:first-child) { color:#a66d00; font-weight:800; text-align:right; }.price-table th:not(:first-child) { text-align:right; }.price-table td:first-child { font-weight:600; }
.alt { background:#edf1f6; max-width:none; padding-top:82px; padding-bottom:82px; }.alt > .section-heading,.alt > .steps { max-width:1060px; margin-left:auto; margin-right:auto; }.steps { display:grid; grid-template-columns:repeat(4,1fr); gap:25px; margin-top:35px; }.steps b { color:#b27300; font-size:14px; }.steps h3 { font-size:18px; margin:9px 0; }.steps p { color:var(--muted); font-size:14px; margin:0; }
.track-section { max-width:1060px; margin:88px auto; padding:46px; background:var(--ink); color:white; border-radius:18px; display:grid; grid-template-columns:1fr 1fr; gap:40px; }.track-section .eyebrow { color:#ffc452; }.track-section h2 { font-size:35px; }.track-section p { color:#c8d8e5; }form label { display:block; font-size:12px; font-weight:bold; margin-bottom:8px; }input,select,textarea { width:100%; padding:12px; border:1px solid #cbd8d3; border-radius:8px; background:white; color:var(--ink); font:inherit; margin-top:6px; }.track-section form > div { display:flex; gap:9px; }.track-section input { margin:0; }.form-message { color:#ffcf66; font-size:13px; margin:10px 0 0; }
.rider-tracking { max-width:1060px; margin:0 auto 88px; display:grid; grid-template-columns:.9fr 1.1fr; gap:44px; align-items:center; }.rider-tracking h2 { font-size:38px; letter-spacing:-1.6px; line-height:1.1; margin:0 0 13px; }.tracking-copy > p:not(.eyebrow) { color:var(--muted); margin:0 0 24px; }.tracking-tabs { display:flex; gap:9px; margin-bottom:22px; }.tracking-tab { background:white; border:1px solid var(--line); border-radius:7px; color:var(--ink); cursor:pointer; font-weight:700; padding:9px 12px; }.tracking-tab.active { background:var(--ink); border-color:var(--ink); color:white; }.rider-details { background:white; border:1px solid var(--line); border-radius:12px; display:flex; align-items:center; gap:11px; padding:12px; }.rider-avatar { background:#fff0cc; border-radius:50%; color:#9a6500; display:grid; font-size:12px; font-weight:800; height:38px; place-items:center; width:38px; }.rider-details b,.rider-details span { display:block; font-size:13px; }.rider-details span { color:var(--muted); font-size:12px; }.rider-details strong { color:#a66d00; font-size:12px; margin-left:auto; }.map-preview { background:linear-gradient(135deg,#e6f0ed,#f8f5e9); border:1px solid var(--line); border-radius:18px; height:330px; overflow:hidden; position:relative; }.map-road { background:rgba(255,255,255,.88); border:1px solid rgba(6,29,70,.08); border-radius:30px; display:block; position:absolute; }.road-one { height:44px; transform:rotate(-22deg); width:130%; left:-15%; top:44%; }.road-two { height:36px; transform:rotate(53deg); width:115%; left:-13%; top:39%; }.road-three { height:28px; transform:rotate(-5deg); width:110%; left:17%; top:76%; }.map-route { border-color:transparent transparent var(--gold) transparent; border-style:dashed; border-width:0 0 4px; height:110px; left:32%; position:absolute; top:33%; transform:rotate(-25deg); width:43%; }.map-pin { border-radius:8px; color:white; font-size:10px; font-weight:800; padding:7px 9px; position:absolute; z-index:1; }.home-pin { background:var(--ink); bottom:25%; right:17%; }.rider-pin { background:var(--green); left:27%; top:25%; }.rider-pin i { color:var(--gold); font-style:normal; margin-right:3px; }.map-caption { backdrop-filter:blur(5px); background:rgba(255,255,255,.85); border-radius:8px; bottom:14px; color:var(--ink); font-size:11px; font-weight:700; left:14px; padding:8px 10px; position:absolute; }.map-caption .live-dot { display:inline-block; margin-right:4px; }
footer { border-top:1px solid var(--line); color:var(--muted); display:flex; align-items:center; font-size:13px; gap:20px; justify-content:space-between; padding:36px max(5vw,30px); }footer p { margin:0; }
dialog { border:0; border-radius:16px; box-shadow:0 24px 80px rgba(0,0,0,.25); max-width:480px; padding:0; width:calc(100% - 30px); }dialog::backdrop { background:rgba(8,29,35,.55); }dialog form { padding:31px; position:relative; }dialog h2 { font-size:28px; letter-spacing:-1px; margin:0 0 8px; }.dialog-copy { color:var(--muted); font-size:14px; margin:0 0 20px; }dialog label { margin-top:13px; }.close { background:transparent; border:0; color:var(--muted); cursor:pointer; font-size:25px; position:absolute; right:16px; top:15px; }
.outline-button { background:white; border:1px solid var(--line); border-radius:8px; color:var(--ink); cursor:pointer; font-size:12px; font-weight:800; padding:10px 12px; }.outline-button:hover { border-color:var(--gold); color:#a66d00; }#profile-dialog { max-width:900px; }.profile-page { padding:31px; position:relative; }.profile-heading { align-items:center; border-bottom:1px solid var(--line); display:flex; gap:14px; padding-bottom:23px; }.profile-heading h2 { font-size:25px; margin:0; }.profile-heading p { color:var(--muted); font-size:13px; margin:3px 0 0; }.profile-heading .outline-button { margin-left:auto; }.profile-avatar { background:#fff0cc; border-radius:50%; color:#9a6500; display:grid; font-size:17px; font-weight:900; height:52px; place-items:center; width:52px; }.profile-grid { display:grid; gap:14px; grid-template-columns:repeat(2,1fr); margin-top:20px; }.profile-card { background:#f7faf9; border:1px solid #e2ebe7; border-radius:11px; padding:18px; }.profile-card h3,.history-section h3 { font-size:15px; margin:0 0 14px; }.personal-data dl { display:grid; gap:10px; margin:0; }.personal-data dt { color:var(--muted); font-size:11px; font-weight:700; }.personal-data dd { color:var(--ink); font-size:13px; font-weight:600; margin:2px 0 0; }.reward-row { display:flex; justify-content:space-between; }.reward-row b { color:#a66d00; }.rewards-card p,.offers-card p,.current-order p { color:var(--muted); font-size:12px; margin:5px 0 13px; }.offers-card b,.current-order b { color:var(--ink); }.order-code { color:#a66d00; font-size:11px; font-weight:900; letter-spacing:.5px; }.history-section { margin-top:20px; }.history-heading { align-items:center; display:flex; justify-content:space-between; }.history-row { align-items:center; border-top:1px solid var(--line); display:grid; gap:15px; grid-template-columns:1.2fr 1fr auto; padding:13px 0; }.history-row b,.history-row span { display:block; font-size:12px; }.history-row span { color:var(--muted); margin-top:2px; }.history-row strong { color:#a66d00; font-size:13px; }
@media(max-width:760px) { nav { display:none; }.hero { grid-template-columns:1fr; padding-top:55px; gap:42px; }.hero h1 { letter-spacing:-2.6px; }.storefront { margin:0 18px 42px; grid-template-columns:1fr; gap:0; }.storefront img { height:230px; }.storefront div { padding:27px; }.storefront h2 { font-size:30px; }.service-grid,.steps { grid-template-columns:repeat(2,1fr); }.track-section { margin:55px 18px; grid-template-columns:1fr; padding:30px; }.rider-tracking { margin:0 18px 55px; grid-template-columns:1fr; gap:28px; }.map-preview { height:270px; }.track-section form > div { display:block; }.track-section .button { margin-top:9px; width:100%; }footer { flex-direction:column; align-items:flex-start; }.offer { margin:0 18px 60px; align-items:flex-start; flex-direction:column; }.profile-grid { grid-template-columns:1fr; }.profile-heading { align-items:flex-start; flex-wrap:wrap; }.profile-heading .outline-button { margin-left:66px; }.history-row { grid-template-columns:1fr auto; }.history-row > div:nth-child(2) { display:none; } }
@media(max-width:430px) { .site-header { padding:0 18px; }.site-header .button { display:none; }.hero { padding-left:22px; padding-right:22px; }.service-grid,.steps { grid-template-columns:1fr; }.section { padding-left:22px; padding-right:22px; }.hero-actions { flex-wrap:wrap; }.hero h1 { font-size:48px; }.trust-row { display:grid; }.offer h2 { font-size:24px; }.brand { font-size:17px; }.brand img { width:36px; height:36px; } }

/* Rider workspace */
.rider-login-button { color:var(--green); }.rider-app { background:#f5f7f7; min-height:630px; padding:25px; position:relative; }.rider-app-top { align-items:center; display:flex; justify-content:space-between; padding-right:32px; }.rider-app-brand { align-items:center; display:flex; gap:10px; }.rider-app-brand img { height:42px; object-fit:contain; width:42px; }.rider-app-brand b,.rider-app-brand span { display:block; }.rider-app-brand b { font-size:16px; }.rider-app-brand span { color:var(--muted); font-size:11px; }.online-toggle { align-items:center; background:#e1f6ea; border:0; border-radius:20px; color:#117144; cursor:pointer; display:flex; font-size:12px; font-weight:800; gap:6px; padding:8px 11px; }.online-toggle i { background:#24b36b; border-radius:50%; height:7px; width:7px; }.online-toggle.offline { background:#edf0f0; color:#66777e; }.online-toggle.offline i { background:#84939a; }.rider-summary { display:grid; gap:9px; grid-template-columns:repeat(4,1fr); margin:24px 0 20px; }.rider-summary div { background:white; border:1px solid var(--line); border-radius:10px; padding:12px; }.rider-summary span,.rider-summary b { display:block; }.rider-summary span { color:var(--muted); font-size:10px; font-weight:700; }.rider-summary b { color:var(--ink); font-size:20px; margin-top:3px; }.rider-summary div:last-child b { color:#a66d00; font-size:17px; }.rider-tabs { border-bottom:1px solid var(--line); display:flex; gap:22px; }.rider-tab { background:transparent; border:0; border-bottom:3px solid transparent; color:var(--muted); cursor:pointer; font-size:13px; font-weight:800; padding:10px 0; }.rider-tab.active { border-color:var(--gold); color:var(--ink); }.rider-tab b { background:#fff0cc; border-radius:10px; color:#9a6500; font-size:10px; padding:2px 6px; }.rider-panel { display:none; }.rider-panel.active { display:block; }.rider-route-note { color:var(--muted); font-size:12px; margin:18px 0 10px; }.rider-task { background:white; border:1px solid var(--line); border-left:4px solid var(--gold); border-radius:10px; margin:10px 0; padding:15px; }.rider-task.delivery-task { border-left-color:var(--green); }.task-type,.task-footer { align-items:center; display:flex; justify-content:space-between; }.task-type span { background:#fff1d0; border-radius:4px; color:#9a6500; font-size:10px; font-weight:900; padding:4px 6px; text-transform:uppercase; }.delivery-task .task-type span { background:#e0f4ed; color:#067052; }.task-type time,.task-footer span { color:var(--muted); font-size:11px; font-weight:700; }.rider-task h3 { font-size:15px; margin:13px 0 4px; }.rider-task h3 small { color:#a66d00; float:right; font-size:10px; letter-spacing:.4px; }.rider-task p { color:var(--muted); font-size:12px; margin:0 0 12px; }.rider-task p b { color:var(--ink); font-size:11px; }.task-footer .button { margin:0; padding:9px 12px; }.empty-completed { background:white; border:1px dashed var(--line); border-radius:12px; margin-top:20px; padding:40px 20px; text-align:center; }.empty-completed div { align-items:center; background:#e0f4ed; border-radius:50%; color:#087153; display:flex; font-size:20px; height:46px; justify-content:center; margin:auto; width:46px; }.empty-completed h3 { font-size:16px; margin:12px 0 4px; }.empty-completed p { color:var(--muted); font-size:12px; margin:0; }#rider-dashboard-dialog { max-width:720px; }.rider-task-screen { padding:30px; position:relative; }.task-detail-head { align-items:flex-start; display:flex; justify-content:space-between; margin-bottom:17px; }.task-detail-head h2 { font-size:24px; margin:0; }.task-detail-head > div > span { color:#a66d00; font-size:11px; font-weight:900; }.task-status { background:#e0f4ed; border-radius:14px; color:#087153; font-size:10px; font-weight:900; padding:6px 8px; text-transform:uppercase; }.rider-address,.delivery-check { background:#f4f8f7; border:1px solid #dfebe7; border-radius:10px; display:grid; gap:4px; margin:14px 0; padding:13px; }.rider-address b,.delivery-check b { font-size:12px; }.rider-address span,.delivery-check span { font-size:13px; font-weight:700; }.rider-address small,.delivery-check small { color:var(--muted); font-size:11px; }.rider-address div { display:flex; gap:8px; margin-top:5px; }.rider-address .outline-button { padding:7px 9px; }.pickup-service-strip { align-items:center; background:var(--ink); border-radius:9px; color:white; display:flex; flex-wrap:wrap; gap:8px; margin-top:18px; padding:11px; }.pickup-service-strip span { background:rgba(255,255,255,.15); border-radius:4px; font-size:11px; font-weight:800; padding:4px 6px; }.pickup-service-strip small { color:#ffcf66; font-size:10px; margin-left:auto; }.inventory-title { font-size:16px; margin:22px 0 0; }.inventory-grid { display:grid; gap:10px; grid-template-columns:repeat(2,1fr); }.inventory-grid label:first-child { grid-column:span 2; }.tag-preview { background:#fff6df; border:1px dashed #d58e00; border-radius:8px; display:grid; gap:3px; margin-top:15px; padding:11px; }.tag-preview b { color:#805400; font-size:12px; }.tag-preview span { color:#9a6500; font-size:12px; font-weight:800; }.tag-preview small { color:#8b723a; font-size:10px; }.delivery-check { margin-top:20px; }.rider-task-success { padding:48px 30px 30px; text-align:center; }.rider-task-success h2 { font-size:26px; margin:8px 0; }.rider-task-success p { color:var(--muted); font-size:13px; }.rider-task-success .button { margin-top:10px; }.rider-task-success .success-mark { align-items:center; background:#dff4e8; border-radius:50%; color:#0a5a68; display:flex; font-size:25px; font-weight:900; height:60px; justify-content:center; margin:0 auto 15px; width:60px; }
@media(max-width:560px) { .rider-login-button { display:none; }.rider-app { min-height:100vh; padding:18px; }.rider-app-top { padding-right:28px; }.rider-summary { grid-template-columns:repeat(2,1fr); }.rider-summary div { padding:10px; }.rider-task-screen { padding:23px; }.inventory-grid { grid-template-columns:1fr; }.inventory-grid label:first-child { grid-column:auto; }.pickup-service-strip small { margin-left:0; width:100%; }.rider-address div { flex-wrap:wrap; } }

/* Admin control centre */
#admin-dashboard-dialog { max-width:1080px; }.admin-app { background:#f5f7f7; min-height:650px; padding:30px; position:relative; }.admin-top { align-items:flex-start; display:flex; justify-content:space-between; padding-right:36px; }.admin-top .eyebrow { margin-bottom:5px; }.admin-top h2 { font-size:26px; margin:0; }.admin-top > div > span { color:var(--muted); font-size:12px; }.admin-metrics { display:grid; gap:12px; grid-template-columns:repeat(4,1fr); margin:25px 0; }.admin-metrics div { background:white; border:1px solid var(--line); border-radius:11px; padding:14px; }.admin-metrics span,.admin-metrics b,.admin-metrics small { display:block; }.admin-metrics span { color:var(--muted); font-size:11px; font-weight:700; }.admin-metrics b { font-size:24px; margin:4px 0; }.admin-metrics small { color:#087153; font-size:10px; font-weight:700; }.admin-tabs { border-bottom:1px solid var(--line); display:flex; gap:25px; }.admin-tab { background:transparent; border:0; border-bottom:3px solid transparent; color:var(--muted); cursor:pointer; font-size:13px; font-weight:800; padding:10px 0; }.admin-tab.active { border-color:var(--gold); color:var(--ink); }.admin-panel { display:none; }.admin-panel.active { display:block; }.admin-panel-head { align-items:center; display:flex; justify-content:space-between; margin:19px 0 12px; }.admin-panel-head h3 { font-size:17px; margin:0; }.admin-panel-head span { color:var(--muted); display:block; font-size:11px; margin-top:2px; }.order-board { display:grid; gap:12px; grid-template-columns:repeat(3,1fr); }.order-board article { background:white; border:1px solid var(--line); border-radius:10px; overflow:hidden; }.order-board header { align-items:center; background:#edf2f1; display:flex; font-size:12px; justify-content:space-between; padding:11px 13px; }.order-board header span { background:var(--ink); border-radius:10px; color:white; font-size:10px; padding:2px 7px; }.admin-order { border-top:1px solid #edf1f0; display:grid; gap:3px; padding:13px; }.admin-order strong { color:#9a6500; font-size:11px; }.admin-order span { font-size:12px; font-weight:800; }.admin-order small { color:var(--muted); font-size:10px; }.admin-order .text-button { color:#0a5a68; margin-top:2px; }.rider-admin-row { align-items:center; background:white; border:1px solid var(--line); border-radius:10px; display:flex; gap:10px; margin-top:10px; padding:13px; }.rider-admin-row b,.rider-admin-row span { display:block; font-size:13px; }.rider-admin-row span { color:var(--muted); font-size:11px; }.rider-admin-row strong { color:#a66d00; font-size:11px; margin-left:auto; }.work-grid { display:grid; gap:10px; grid-template-columns:repeat(4,1fr); }.work-grid div { background:white; border:1px solid var(--line); border-radius:10px; padding:14px; }.work-grid span,.work-grid b { display:block; }.work-grid span { color:var(--muted); font-size:11px; }.work-grid b { font-size:18px; margin-top:4px; }.worker-table { background:white; border:1px solid var(--line); border-radius:10px; margin-top:15px; overflow:hidden; }.worker-table > div { display:grid; font-size:12px; gap:10px; grid-template-columns:1fr 1fr .6fr; padding:11px 13px; }.worker-table > div + div { border-top:1px solid #edf1f0; }.worker-table > div:first-child { background:#edf2f1; font-size:11px; }.worker-table strong { color:#a66d00; text-align:right; }
@media(max-width:700px) { .admin-app { min-height:100vh; padding:20px; }.admin-top { padding-right:26px; }.admin-metrics { grid-template-columns:repeat(2,1fr); }.order-board { grid-template-columns:1fr; }.work-grid { grid-template-columns:repeat(2,1fr); }.admin-panel-head { align-items:flex-start; flex-direction:column; gap:8px; } }

/* Shop worker workspace and admin departments */
#worker-dashboard-dialog { max-width:650px; }.worker-app { background:#f5f7f7; min-height:620px; padding:28px; position:relative; }.worker-top { align-items:center; display:flex; gap:12px; padding-right:34px; }.worker-top .eyebrow { margin:0 0 2px; }.worker-top h2 { font-size:22px; margin:0; }.worker-top span { color:var(--muted); font-size:11px; }.worker-progress { display:grid; gap:10px; grid-template-columns:repeat(3,1fr); margin:23px 0; }.worker-progress div { background:white; border:1px solid var(--line); border-radius:10px; padding:12px; }.worker-progress span,.worker-progress b { display:block; }.worker-progress span { color:var(--muted); font-size:10px; font-weight:700; }.worker-progress b { font-size:19px; margin-top:4px; }.worker-tabs { border-bottom:1px solid var(--line); display:flex; gap:22px; }.worker-tab { background:transparent; border:0; border-bottom:3px solid transparent; color:var(--muted); cursor:pointer; font-size:13px; font-weight:800; padding:10px 0; }.worker-tab.active { border-color:var(--gold); color:var(--ink); }.worker-panel { display:none; }.worker-panel.active { display:block; }.worker-note { color:var(--muted); font-size:11px; margin:15px 0 9px; }.worker-order { background:white; border:1px solid var(--line); border-left:4px solid var(--gold); border-radius:10px; display:grid; gap:10px; margin:10px 0; padding:14px; }.worker-order b,.worker-order span,.worker-order small { display:block; }.worker-order b { color:#9a6500; font-size:12px; }.worker-order span { font-size:13px; font-weight:800; }.worker-order small { color:var(--muted); font-size:10px; }.worker-order label { font-size:11px; margin:0; }.worker-order select { font-size:12px; margin-top:4px; padding:9px; }.worker-order .button { justify-self:end; margin:0; padding:9px 12px; }.worker-result { color:#087153; font-size:11px; font-weight:800; margin:0; }.worker-done { background:white; border:1px dashed var(--line); border-radius:12px; margin-top:20px; padding:40px 20px; text-align:center; }.worker-done div { align-items:center; background:#e0f4ed; border-radius:50%; color:#087153; display:flex; font-size:20px; height:46px; justify-content:center; margin:auto; width:46px; }.worker-done h3 { font-size:16px; margin:12px 0 4px; }.worker-done p { color:var(--muted); font-size:12px; margin:0; }.finance-grid { display:grid; gap:10px; grid-template-columns:repeat(4,1fr); }.finance-grid div,.content-admin-grid article { background:white; border:1px solid var(--line); border-radius:10px; padding:14px; }.finance-grid span,.finance-grid b { display:block; }.finance-grid span { color:var(--muted); font-size:11px; }.finance-grid b { font-size:18px; margin-top:4px; }.finance-grid .profit-box { background:#e1f6ea; border-color:#bce6d0; }.finance-grid .profit-box b { color:#087153; }.finance-list { background:white; border:1px solid var(--line); border-radius:10px; margin-top:15px; overflow:hidden; }.finance-list > div { display:grid; font-size:12px; grid-template-columns:1.3fr .5fr .6fr; padding:11px 13px; }.finance-list > div + div { border-top:1px solid #edf1f0; }.finance-list > div:first-child { background:#edf2f1; font-size:11px; }.finance-list strong { color:#a66d00; text-align:right; }.content-admin-grid { display:grid; gap:11px; grid-template-columns:repeat(2,1fr); }.content-admin-grid article { display:grid; gap:7px; }.content-admin-grid b { font-size:14px; }.content-admin-grid span { color:var(--muted); font-size:11px; }.content-admin-grid .outline-button { justify-self:start; margin-top:4px; }.publish-note { background:#fff6df; border:1px dashed #d58e00; border-radius:8px; color:#765616; font-size:11px; font-weight:700; margin-top:15px; padding:11px; }.publish-note span { color:#e69b00; }
@media(max-width:600px) { .worker-app { min-height:100vh; padding:20px; }.worker-progress,.finance-grid { grid-template-columns:repeat(2,1fr); }.content-admin-grid { grid-template-columns:1fr; }.admin-tabs { gap:16px; overflow-x:auto; }.admin-tab { white-space:nowrap; } }

/* Daily targets and incentive eligibility */
.worker-progress { position:relative; margin-bottom:135px; }.worker-progress::after { background:#e1f6ea; border:1px solid #bce6d0; border-radius:10px; color:#075b42; content:'DAILY TARGET  •  22.4 / 20 kg  •  Target achieved: 2.4 kg extra'; display:block; font-size:12px; font-weight:800; left:0; padding:12px; position:absolute; right:0; top:calc(100% + 12px); }.worker-progress::before { color:#387664; content:'Extra work becomes incentive-eligible after quality approval. The admin sets the incentive rate.'; font-size:10px; left:0; position:absolute; top:calc(100% + 60px); }.admin-panel[data-admin-panel="work"] .worker-table::before { background:#fff6df; border-bottom:1px dashed #d58e00; color:#765616; content:'DAILY TARGETS  •  Sneha: 20 kg (22.4 kg, +2.4 extra)  |  Vijay: 25 items (31, +6 extra)  |  Ritu: 18 checks (21, +3 extra)'; display:block; font-size:11px; font-weight:800; padding:11px 13px; }.admin-panel[data-admin-panel="work"] .worker-table::after { color:#64736f; content:'Only completed work above the target, after quality approval, is eligible for incentive.'; display:block; font-size:10px; padding:10px 13px; }
@media(max-width:600px) { .worker-progress { margin-bottom:150px; }.worker-progress::after { line-height:1.5; }.worker-progress::before { line-height:1.4; top:calc(100% + 67px); }.admin-panel[data-admin-panel="work"] .worker-table::before { line-height:1.5; } }

/* Detailed finance panel */
.finance-heading { align-items:flex-end; display:flex; justify-content:space-between; margin:20px 0 14px; }.finance-heading .eyebrow { margin-bottom:4px; }.finance-heading h3 { font-size:22px; margin:0; }.finance-heading > div > span { color:var(--muted); font-size:11px; }.finance-periods { background:white; border:1px solid var(--line); border-radius:8px; display:flex; padding:3px; }.finance-period { background:transparent; border:0; border-radius:5px; color:var(--muted); cursor:pointer; font-size:11px; font-weight:800; padding:8px 10px; }.finance-period.active { background:var(--ink); color:white; }.finance-main-metrics { display:grid; gap:10px; grid-template-columns:repeat(4,1fr); }.finance-main-metrics article { background:white; border:1px solid var(--line); border-radius:10px; padding:14px; }.finance-main-metrics span,.finance-main-metrics b,.finance-main-metrics small { display:block; }.finance-main-metrics span { color:var(--muted); font-size:10px; font-weight:700; }.finance-main-metrics b { font-size:20px; margin:4px 0; }.finance-main-metrics small { color:var(--muted); font-size:10px; }.finance-main-metrics .finance-profit { background:#e1f6ea; border-color:#bce6d0; }.finance-main-metrics .finance-profit b { color:#087153; }.finance-layout { display:grid; gap:12px; grid-template-columns:.75fr 1.25fr; margin-top:13px; }.expense-entry,.payment-summary,.finance-transactions { background:white; border:1px solid var(--line); border-radius:10px; padding:15px; }.expense-entry h4,.payment-summary h4,.finance-transactions h4 { font-size:15px; margin:0; }.expense-entry > p { color:var(--muted); font-size:11px; margin:4px 0 10px; }.expense-entry label { font-size:11px; margin:8px 0; }.expense-entry input,.expense-entry select { font-size:12px; padding:9px; }.expense-entry .button { margin:5px 0 0; padding:10px; width:100%; }.finance-section-head { align-items:center; display:flex; justify-content:space-between; margin-bottom:10px; }.finance-section-head span { color:var(--muted); display:block; font-size:10px; margin-top:2px; }.payment-row { align-items:center; border-top:1px solid #edf1f0; display:grid; font-size:12px; grid-template-columns:1fr .5fr .55fr; padding:11px 0; }.payment-row b { color:var(--muted); font-size:11px; font-weight:700; }.payment-row strong { color:#a66d00; text-align:right; }.payment-dot { border-radius:50%; display:inline-block; height:8px; margin-right:5px; width:8px; }.payment-dot.upi { background:#2c78c4; }.payment-dot.cash { background:#1b9a68; }.payment-dot.wallet { background:var(--gold); }.cash-alert { background:#fff6df; border-radius:7px; color:#765616; display:grid; font-size:11px; gap:2px; margin-top:5px; padding:10px; }.cash-alert span { font-size:10px; }.finance-transactions { margin-top:13px; }.transaction-table { overflow-x:auto; }.transaction-table > div { align-items:center; border-top:1px solid #edf1f0; display:grid; font-size:11px; gap:9px; grid-template-columns:.55fr .9fr 1.35fr .55fr .6fr; min-width:600px; padding:11px 0; }.transaction-table > div:first-child { border-top:0; color:var(--muted); font-size:10px; font-weight:800; }.transaction-table strong { color:#087153; text-align:right; }.transaction-table .transaction-expense + span + span + strong,.transaction-table div:has(.transaction-expense) strong { color:#b34e42; }.transaction-income { color:#087153; font-weight:800; }.transaction-expense { color:#b34e42; font-weight:800; }.finance-transactions .outline-button:disabled { cursor:default; opacity:.65; }
@media(max-width:760px) { .finance-heading { align-items:flex-start; flex-direction:column; gap:10px; }.finance-main-metrics { grid-template-columns:repeat(2,1fr); }.finance-layout { grid-template-columns:1fr; } }

/* Operations registration and separate correction department */
.registration-tabs { border-bottom:1px solid var(--line); display:flex; gap:20px; margin-top:18px; }.registration-tab { background:transparent; border:0; border-bottom:3px solid transparent; color:var(--muted); cursor:pointer; font-size:12px; font-weight:800; padding:10px 0; }.registration-tab.active { border-color:var(--gold); color:var(--ink); }.registration-form { background:white; border:1px solid var(--line); border-radius:11px; margin-top:14px; padding:17px; }.registration-common,.document-grid { display:grid; gap:10px; grid-template-columns:repeat(2,1fr); }.registration-form label { font-size:11px; margin:0; }.registration-form textarea { min-height:70px; }.registration-extra { display:none; margin-top:12px; }.registration-extra.active { display:grid; gap:10px; grid-template-columns:repeat(2,1fr); }.info-strip { background:#edf5f2; border-radius:7px; color:#075b42; font-size:11px; font-weight:700; grid-column:span 2; padding:10px; }.document-checklist { background:#fff8e9; border:1px dashed #d58e00; border-radius:9px; margin-top:14px; padding:13px; }.document-checklist h4 { font-size:13px; margin:0 0 10px; }.document-grid label { background:white; border:1px solid #eedcae; border-radius:7px; color:#765616; padding:8px; }.document-grid input { border:0; font-size:10px; margin:5px 0 0; padding:0; }.document-checklist small { color:#856d36; display:block; font-size:10px; margin-top:8px; }.registration-form > .button { margin-top:5px; width:100%; }.staff-access { background:transparent; border:1px solid var(--line); border-radius:6px; color:var(--muted); cursor:pointer; font-size:11px; font-weight:700; padding:7px 9px; }.staff-access:hover { border-color:var(--gold); color:#9a6500; }#content-dashboard-dialog { max-width:850px; }.content-app { background:#f5f7f7; min-height:510px; padding:30px; position:relative; }.content-heading { align-items:center; border-bottom:1px solid var(--line); display:flex; justify-content:space-between; padding-bottom:18px; }.content-heading h2 { font-size:25px; margin:0; }.content-heading span { color:var(--muted); font-size:11px; }.content-heading .draft-status { background:#fff1d0; border-radius:12px; color:#805400; font-size:10px; font-weight:800; padding:6px 8px; }.content-change-grid { display:grid; gap:12px; grid-template-columns:repeat(2,1fr); margin-top:18px; }.content-change-grid section { background:white; border:1px solid var(--line); border-radius:10px; padding:15px; }.content-change-grid h3 { font-size:15px; margin:0; }.content-change-grid p { color:var(--muted); font-size:11px; margin:5px 0 12px; }.content-change-grid .outline-button { margin:3px 5px 0 0; }.publish-bar { align-items:center; background:var(--ink); border-radius:10px; color:white; display:flex; font-size:12px; gap:15px; justify-content:space-between; margin-top:14px; padding:13px; }.publish-bar .button { background:var(--gold); color:var(--ink); margin:0; white-space:nowrap; }
@media(max-width:700px) { .registration-common,.document-grid,.content-change-grid { grid-template-columns:1fr; }.registration-extra.active { grid-template-columns:1fr; }.info-strip { grid-column:auto; }.content-app { min-height:100vh; padding:22px; }.content-heading,.publish-bar { align-items:flex-start; flex-direction:column; }.staff-access { align-self:stretch; } }
.rider-document,.branch-document { display:none; }

/* Customer policy documents and booking consent */
.legal-links { align-items:center; display:flex; flex-wrap:wrap; gap:9px; }.legal-links button { background:transparent; border:0; color:var(--muted); cursor:pointer; font-size:11px; padding:0; text-decoration:underline; }.legal-links button:hover { color:#9a6500; }.booking-consent { align-items:flex-start; color:var(--muted); display:flex !important; font-size:11px !important; font-weight:600 !important; gap:8px; line-height:1.45; margin-top:16px !important; }.booking-consent input { accent-color:var(--ink); flex:0 0 auto; height:15px; margin:1px 0 0; padding:0; width:15px; }.booking-consent button { background:transparent; border:0; color:#0a5a68; cursor:pointer; font:inherit; font-weight:800; padding:0; text-decoration:underline; }.legal-document { max-height:80vh; overflow:auto; padding:31px; position:relative; }.legal-document h2 { font-size:27px; margin:0 0 17px; padding-right:30px; }.legal-document h3 { font-size:14px; margin:18px 0 4px; }.legal-document p { color:var(--muted); font-size:13px; margin:0; }.legal-document .legal-review { background:#fff6df; border:1px dashed #d58e00; border-radius:8px; color:#765616; font-size:11px; font-weight:700; margin-top:20px; padding:10px; }#legal-dialog { max-width:660px; }
@media(max-width:700px) { footer .legal-links { width:100%; }.legal-document { padding:24px; }.legal-document h2 { font-size:24px; } }

/* WNF women-owned branch programme */
.women-branch-note { background:#fff1d7; border:1px solid #f0c260; border-radius:8px; color:#74530e; display:grid; font-size:11px; gap:5px; grid-column:span 2; padding:12px; }.women-branch-note b { color:#805400; font-size:12px; }.women-branch-note label { align-items:flex-start; display:flex; font-weight:700; gap:7px; margin-top:3px; }.women-branch-note input { accent-color:var(--ink); flex:0 0 auto; height:15px; margin:1px 0 0; padding:0; width:15px; }.women-empowerment { color:#9a6500; font-size:12px; font-weight:800; }
.founder-credit { color:var(--ink); font-size:12px; font-weight:800; }
@media(max-width:700px) { .women-branch-note { grid-column:auto; } }

/* Complete address and customer location check */
.structured-address { display:grid; gap:8px; grid-template-columns:1fr 1fr; margin-top:6px; }.structured-address textarea { grid-column:span 2; min-height:62px; }.location-button { font-size:11px; margin-top:8px; padding:8px 10px; }.booking-note { display:block; line-height:1.45; margin-top:6px; }
@media(max-width:600px) { .structured-address { grid-template-columns:1fr; }.structured-address textarea { grid-column:auto; } }

/* Compact customer footer */
.footer-quick-links { align-items:center; display:flex; flex-wrap:wrap; gap:14px; justify-content:flex-end; }.footer-quick-links button { background:transparent; border:0; color:var(--muted); cursor:pointer; font-size:11px; font-weight:800; padding:0; text-decoration:none; }.footer-quick-links button:hover { color:#9a6500; }
@media(max-width:700px) { footer { align-items:flex-start; gap:12px; } .footer-quick-links { justify-content:flex-start; } }

/* WNF.in Head Office registration portal */
#office-registration-dialog { max-width:860px; }.office-registration-app { background:#f5f7f7; min-height:600px; padding:30px; position:relative; }.office-registration-app > h2 { font-size:25px; margin:0 0 5px; }.office-registration-app > .dialog-copy { margin:0 0 18px; }.office-registration-panel { display:block; }.office-registration-panel .admin-panel-head { margin-top:0; }.office-registration-panel .admin-panel-head h3 { display:none; }.office-registration-panel .admin-panel-head span { display:none; }
@media(max-width:700px) { .office-registration-app { min-height:100vh; padding:22px; } }

/* Customer feedback and branch reply inbox */
.feedback-score { background:#fff1d0; border-radius:12px; color:#805400; font-size:11px; font-weight:800; padding:6px 8px; }.feedback-summary { display:grid; gap:10px; grid-template-columns:repeat(4,1fr); margin-bottom:13px; }.feedback-summary div { background:white; border:1px solid var(--line); border-radius:10px; padding:12px; }.feedback-summary span,.feedback-summary b { display:block; }.feedback-summary span { color:var(--muted); font-size:10px; font-weight:700; }.feedback-summary b { font-size:19px; margin-top:3px; }.feedback-item { background:white; border:1px solid var(--line); border-left:4px solid var(--gold); border-radius:10px; margin:10px 0; padding:14px; }.feedback-item.resolved { border-left-color:#24b36b; opacity:.82; }.feedback-item-head { align-items:flex-start; display:flex; justify-content:space-between; }.feedback-item-head b,.feedback-item-head span { display:block; }.feedback-item-head b { font-size:13px; }.feedback-item-head span,.feedback-item small { color:var(--muted); font-size:10px; }.feedback-item-head strong { color:#e4a000; font-size:12px; letter-spacing:1px; }.feedback-item-head strong i { color:#dde4e1; font-style:normal; }.feedback-item > p { font-size:12px; margin:9px 0 3px; }.feedback-reply { align-items:end; display:flex; gap:10px; margin-top:11px; }.feedback-reply textarea { font-size:12px; min-height:60px; }.feedback-reply .button { margin:0; padding:10px 12px; white-space:nowrap; }.feedback-result { color:#087153; font-size:11px; font-weight:800; margin:7px 0 0 !important; }.rating-choice { display:flex; flex-direction:row-reverse; justify-content:flex-end; margin-top:6px; }.rating-choice input { accent-color:var(--gold); height:18px; margin:0 4px 0 0; padding:0; width:18px; }#feedback-dialog { max-width:520px; }#feedback-dialog form { padding:31px; position:relative; }
@media(max-width:700px) { .feedback-summary { grid-template-columns:repeat(2,1fr); }.feedback-reply { align-items:stretch; flex-direction:column; }.feedback-reply .button { width:100%; } }

/* WNF campaign distribution to social pages */
.social-publish { background:white; border:1px solid var(--line); border-radius:10px; margin-top:14px; padding:16px; }.social-publish .eyebrow { margin-bottom:4px; }.social-publish h3 { font-size:16px; margin:0; }.social-publish > div > p:last-child { color:var(--muted); font-size:11px; margin:4px 0 12px; }.social-publish > label { font-size:11px; }.social-publish textarea { font-size:12px; min-height:65px; }.social-channel-choice { display:flex; flex-wrap:wrap; gap:9px; margin:12px 0; }.social-channel-choice label { align-items:center; background:#f4f7f6; border:1px solid var(--line); border-radius:7px; cursor:pointer; display:flex; font-size:12px; font-weight:800; gap:6px; padding:8px 10px; }.social-channel-choice input { accent-color:var(--ink); height:14px; margin:0; padding:0; width:14px; }.social-channel-choice span { align-items:center; border-radius:50%; color:white; display:inline-flex; font-size:12px; font-weight:900; height:18px; justify-content:center; width:18px; }.instagram-dot { background:linear-gradient(135deg,#8b35c8,#e23372,#f5b738); }.facebook-dot { background:#297be6; }.x-dot { background:#111; }.social-publish .button { margin:0; width:100%; }
.customer-campaign { background:#fffdf7; border:1px solid #ebddba; border-radius:10px; margin-top:14px; padding:16px; }.customer-campaign .eyebrow { margin-bottom:4px; }.customer-campaign h3 { font-size:16px; margin:0; }.customer-campaign > div > p:last-child { color:var(--muted); font-size:11px; margin:4px 0 12px; }.campaign-grid { display:grid; gap:10px; grid-template-columns:1fr 1fr; }.campaign-grid label { font-size:11px; }.campaign-grid .campaign-message { grid-column:span 2; }.campaign-grid input,.campaign-grid select,.campaign-grid textarea { font-size:12px; padding:9px; }.campaign-grid textarea { min-height:66px; }.campaign-channel-choice { display:flex; flex-wrap:wrap; gap:9px; margin:11px 0; }.campaign-channel-choice label { align-items:center; background:white; border:1px solid #e4d6b2; border-radius:7px; display:flex; font-size:12px; font-weight:800; gap:6px; padding:8px 10px; }.campaign-channel-choice input { accent-color:var(--ink); height:14px; margin:0; padding:0; width:14px; }.campaign-actions { align-items:center; display:flex; justify-content:space-between; }.campaign-actions span { color:#765616; font-size:12px; font-weight:700; }.campaign-actions .button { margin:0; padding:10px 13px; width:auto; }.campaign-consent { color:#806d3b; font-size:10px; line-height:1.4; margin:10px 0 0; }
@media(max-width:600px) { .campaign-grid { grid-template-columns:1fr; }.campaign-grid .campaign-message { grid-column:auto; }.campaign-actions { align-items:stretch; flex-direction:column; gap:10px; }.campaign-actions .button { width:100%; } }

/* Dashboard performance charts */
.worker-performance-chart,.rider-performance-chart,.finance-trend-chart { background:white; border:1px solid var(--line); border-radius:10px; margin:14px 0; padding:14px; }.chart-heading { align-items:flex-start; display:flex; justify-content:space-between; }.chart-heading b,.chart-heading span { display:block; }.chart-heading b { font-size:13px; }.chart-heading span { color:var(--muted); font-size:10px; margin-top:2px; }.chart-heading strong { color:#a66d00; font-size:11px; }.weekly-bars,.finance-bars { align-items:flex-end; border-bottom:1px solid #dce6e1; display:flex; gap:10px; height:105px; justify-content:space-around; margin:14px 0 4px; padding:0 4px; }.weekly-bars > div,.finance-bars > div { align-items:center; display:flex; flex:1; flex-direction:column; height:100%; justify-content:flex-end; max-width:38px; position:relative; }.weekly-bars i,.finance-bars i { background:#0a5a68; border-radius:5px 5px 0 0; display:block; width:70%; }.weekly-bars i.today,.finance-bars i.today { background:var(--gold); }.weekly-bars span,.finance-bars span { color:var(--muted); font-size:9px; margin-top:5px; }.chart-scale { color:var(--muted); display:flex; font-size:9px; justify-content:space-between; }.rider-performance-chart { margin:14px 0 18px; }.progress-row { align-items:center; display:grid; gap:9px; grid-template-columns:105px 1fr auto; margin-top:12px; }.progress-row > span,.progress-row > b { font-size:11px; }.progress-row > b { color:#a66d00; text-align:right; }.progress-row > div { background:#e5ece9; border-radius:10px; height:9px; overflow:hidden; }.progress-row i { background:#0a5a68; border-radius:10px; display:block; height:100%; }.finance-trend-chart { margin-top:13px; }.finance-bars { height:115px; }.finance-bars em { background:#a66d00; border:2px solid white; border-radius:50%; height:9px; position:absolute; width:9px; z-index:1; }.finance-bars em.today { background:var(--gold); }.finance-trend-chart .chart-scale span:last-child { color:#a66d00; font-weight:800; }
@media(max-width:520px) { .weekly-bars,.finance-bars { gap:4px; }.progress-row { grid-template-columns:90px 1fr auto; } }
/* Private customer information must never be shown before OTP login. */
.rider-tracking[hidden],
.hero-card[hidden],
#track-form[hidden],
[data-open-booking][hidden] {
  display: none !important;
}