:root{color-scheme:light;--brand: #b83220;--brand-dark: #8f2518;--ink: #211712;--muted: #6f625c;--line: #ead7c9;--soft: #fff6ec;--white: #ffffff;--shadow: 0 16px 36px rgba(85, 45, 22, .13)}*{box-sizing:border-box}html{min-width:0;overflow-x:hidden;-webkit-text-size-adjust:100%}body{margin:0;min-width:0;overflow-x:hidden;background:linear-gradient(180deg,#fffaf4,#fff 48%,#fff7ef);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5}img,svg{max-width:100%}button,.button-link,input,select,textarea{font:inherit}button{min-height:44px;border:0;border-radius:8px;background:var(--brand);color:var(--white);cursor:pointer;font-weight:800;padding:.72rem 1rem;box-shadow:0 10px 20px #b832202e}.button-link{display:inline-flex;min-height:44px;align-items:center;justify-content:center;border-radius:8px;background:var(--brand);color:var(--white);cursor:pointer;font-weight:800;padding:.72rem 1rem;text-decoration:none;box-shadow:0 10px 20px #b832202e}button:hover:not(:disabled),.button-link:hover{background:var(--brand-dark)}button:disabled{cursor:not-allowed;opacity:.55}input,select,textarea{width:100%;min-height:44px;border:1px solid var(--line);border-radius:8px;background:var(--white);color:var(--ink);padding:.72rem .85rem;outline:none}input:focus,select:focus,textarea:focus{border-color:var(--brand);box-shadow:0 0 0 4px #b832201a}.password-field{position:relative;display:block}.password-field input{padding-right:3rem}.password-toggle{position:absolute;top:50%;right:.35rem;width:36px;min-height:36px;padding:0;border:0;border-radius:8px;background:transparent;color:var(--muted);box-shadow:none;transform:translateY(-50%)}.password-toggle:hover{background:var(--soft);color:var(--brand)}.password-toggle svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}label{display:grid;gap:.45rem;font-size:.9rem;font-weight:800}.app-shell{width:min(1120px,100% - 32px);margin:0 auto;padding:24px 0 48px}@media(min-width:901px){.app-shell.customer-wide{width:min(80vw,1500px)}}.app-footer{width:min(1120px,100% - 32px);margin:0 auto;padding:0 0 24px;color:var(--muted);font-size:.9rem;font-weight:800;text-align:center}.app-footer a{color:var(--brand);text-decoration:none}.app-footer a:hover{color:var(--brand-dark);text-decoration:underline}.brand-bar{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:0 0 12px}.brand-logo{display:inline-flex;align-items:center;gap:.65rem;color:var(--brand);font-size:.9rem;font-weight:900;text-decoration:none;text-transform:uppercase}.brand-logo img{width:46px;height:46px;flex:0 0 46px}.brand-logo span{border:1px solid var(--line);border-radius:8px;background:var(--white);color:var(--brand);padding:.5rem .75rem}.top-links{display:flex;gap:.35rem;align-items:center;flex-wrap:wrap;justify-content:flex-end}.top-links a,.top-link-button,.auth-switch a{color:var(--brand);font-weight:900;text-decoration:none}.user-greeting{color:var(--ink);font-weight:900}.user-identity{display:flex;flex-direction:column;align-items:flex-start;line-height:1.2}.user-email{color:#a0a7b0;font-size:.68rem;font-weight:400;margin-top:.12rem}.top-links a,.top-link-button{border:1px solid var(--line);border-radius:8px;background:var(--white);padding:.5rem .75rem}.top-links a:hover,.top-link-button:hover,.auth-switch a:hover{color:var(--brand-dark)}.top-link-button{min-height:auto;box-shadow:none}.hero{display:grid;grid-template-columns:minmax(0,.92fr) minmax(320px,1.08fr);gap:28px;align-items:center;min-height:430px;padding:20px 0 28px}.hero h1{margin:0;color:var(--brand);font-size:clamp(3rem,8vw,6.25rem);line-height:.95}.hero__logo{display:block;width:min(100%,540px);height:auto;margin:0;object-fit:contain;object-position:left center}.hero__brand-image{position:relative;width:min(100%,540px)}.hero__brand-image .eyebrow,.hero__brand-image .hero__tagline{position:absolute;z-index:1;left:0;width:100%;margin:0}.hero__brand-image .eyebrow{top:0}.hero__brand-image .hero__tagline{bottom:0;font-size:.95rem;line-height:1.45}.hero p{max-width:610px;color:var(--muted);font-size:1.08rem;line-height:1.65}.hero__image{width:100%;max-height:420px;border-radius:8px;object-fit:cover;box-shadow:var(--shadow)}.hero__actions,.segmented,.dashboard__bar,.dashboard__actions,.cart-total,.order-card__header{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap}.eyebrow{margin:0 0 .45rem;color:var(--brand);font-size:.78rem;font-weight:900;letter-spacing:0;text-transform:uppercase}.auth-card,.panel,.menu-item,.toast,.config-note,.stat{border:1px solid var(--line);border-radius:8px;background:#fffffff5;box-shadow:var(--shadow)}.auth-card{width:min(520px,100%);margin:0 auto;padding:1.25rem}.auth-card h2,.dashboard__bar h2,.panel h3{margin:0}.form-stack,.form-grid,.menu-list,.inventory-list,.customer-layout,.store-layout,.admin-layout{display:grid;gap:16px}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.button.ghost,.button-link.ghost,.ghost,.segmented button{background:var(--white);color:var(--brand);border:1px solid rgba(184,50,32,.22);box-shadow:none}.button-link.ghost:hover{background:var(--soft)}.segmented{margin:1rem 0;padding:.35rem;border-radius:8px;background:var(--soft)}.segmented button{flex:1 1 120px}.segmented .active{background:var(--brand);color:var(--white)}.hint{color:var(--muted);font-size:.92rem;line-height:1.5}.auth-switch{margin:1rem 0 0;color:var(--muted);font-weight:700}.toast,.config-note{margin:0 0 16px;padding:1rem;font-weight:800}.toast.success{border-color:#93d8a5}.toast.error{border-color:#f0a29a}.toast.info,.config-note{border-color:#f0c184}.dashboard__bar{justify-content:space-between;margin-bottom:18px;padding:1rem 0}.customer-layout{grid-template-columns:minmax(0,1fr) 320px;align-items:start}.menu-list,.orders-panel{grid-column:1}.cart-panel{grid-column:2;position:sticky;top:16px}.panel{padding:1.15rem}.menu-item{display:grid;grid-template-columns:140px minmax(0,1fr) auto;gap:1rem;align-items:center;padding:.8rem}.customer-product-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));align-items:stretch}.customer-product-grid .menu-item{grid-template-columns:1fr;align-content:start}.customer-product-grid .menu-item img{width:100%;height:180px}.customer-product-grid .menu-item>button{align-self:end}.customer-product-grid .customer-product-store{margin-top:.35rem;color:#9b9692;font-size:.85rem}.customer-product-grid .customer-product-price{display:block;margin-top:.75rem}.inline-success{align-self:center;margin:0;color:#277a3f;font-size:.9rem;font-weight:800}.menu-item img{width:140px;height:104px;border-radius:8px;object-fit:cover}.menu-item h3,.inventory-row h4{margin:0 0 .35rem}.menu-item p,.inventory-row p,.order-card p{margin:0;color:var(--muted);line-height:1.45}.menu-item strong{display:inline-block;margin-top:.65rem;color:var(--brand)}.product-status{display:inline-flex;gap:.35rem;width:fit-content;align-items:center;margin-top:.5rem;border-radius:999px;background:#e9f8ed;color:#276738;font-size:.78rem;font-weight:900;padding:.28rem .6rem}.product-status.offline{background:#fff0ec;color:var(--brand-dark)}.status-icon{display:block;width:1rem;height:1rem;flex:0 0 auto;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.25}.cart-line{display:grid;grid-template-columns:1fr 76px;gap:.75rem;align-items:center;padding:.75rem 0;border-bottom:1px solid var(--line)}.cart-line small{display:block;margin-top:.25rem;color:var(--brand-dark);font-weight:900}.cart-total,.order-card__header{justify-content:space-between}.cart-total{margin:1rem 0}.order-card{display:grid;gap:.5rem;padding:.9rem 0;border-bottom:1px solid var(--line)}.order-card__header span{display:block;margin-top:.2rem;color:var(--muted);font-size:.88rem}.customer-order-card{gap:.25rem;padding:.55rem 0}.customer-order-card__summary{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:.45rem;align-items:center;flex-wrap:nowrap}.customer-order-card__summary>span,.customer-order-card__summary .order-status{margin-top:0;white-space:nowrap}.customer-order-card__summary>span:first-child,.customer-order-card__summary>strong{font-size:.8rem}.customer-order-card>p{font-size:.85rem}.rider-customer-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.2rem 1rem;padding:.55rem 0;border-block:1px solid var(--line);color:var(--muted);font-size:.88rem}.rider-customer-details strong,.rider-customer-details a{color:var(--ink)}.rider-customer-details a{overflow-wrap:anywhere}.rider-pickup-details{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.25rem 1rem;padding:.6rem;border-left:3px solid var(--brand);background:var(--soft);font-size:.88rem}.rider-pickup-details a{color:var(--ink)}.rider-pickup-details__address{grid-column:1/-1;color:var(--muted)}.order-status{display:inline-flex;gap:.35rem;width:fit-content;align-items:center;margin-top:.45rem;border-radius:999px;background:#fff1d8;color:#8a4a00;font-size:.78rem;font-weight:900;padding:.28rem .6rem}.order-status.delivered{background:#e9f8ed;color:#276738}.delivered-orders{margin-top:1.25rem;padding-top:1rem;border-top:1px solid var(--line)}.delivered-orders h4{margin:0 0 .35rem}.status-control{width:min(260px,100%);margin-top:.75rem}.store-layout{grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr);align-items:start}.store-layout .orders-panel{grid-row:span 2}.inventory-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1rem;align-items:center;padding:.85rem 0;border-bottom:1px solid var(--line)}.product-row{grid-template-columns:minmax(0,1fr) auto minmax(150px,180px) auto}.status-select{min-width:150px}.admin-layout{grid-template-columns:420px minmax(0,1fr)}.admin-stack,.admin-console,.user-list{display:grid;gap:16px}.admin-console{grid-template-columns:220px minmax(0,1fr);align-items:start}.admin-console>.admin-tabs{grid-column:1;grid-row:1/span 3}.admin-console>:not(.admin-tabs){grid-column:2}.admin-tabs{position:sticky;top:16px;align-items:stretch;flex-direction:column;margin:0;padding:.5rem;box-shadow:var(--shadow)}.admin-tabs button{flex:0 0 auto;width:100%;justify-content:flex-start;min-height:48px;text-align:left}.user-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:1rem;align-items:center;padding:.85rem 0;border-bottom:1px solid var(--line)}.rider-row{grid-template-columns:minmax(0,1fr) auto minmax(150px,180px) auto}.rider-charge{margin:0}.payment-total{margin-top:1rem;padding:1rem;border-radius:12px;background:var(--surface-soft)}.customer-row{grid-template-columns:minmax(0,1fr) auto}.user-row strong,.user-row span{display:block}.user-row span{margin-top:.2rem;color:var(--muted);font-size:.9rem}.row-actions{display:flex;gap:.5rem;align-items:center;justify-content:flex-end;flex-wrap:wrap}.status-pill{min-width:82px;border-radius:999px;background:#e9f8ed;color:#276738;font-weight:900;padding:.35rem .65rem;text-align:center}.status-pill.disabled{background:#fff0ec;color:var(--brand-dark)}.status-pill.pending{background:#fff5d8;color:#8a5a00}.danger-button{background:#9f1d17;box-shadow:0 10px 20px #9f1d1729}.danger-button:hover{background:#74130f}.modal-backdrop{position:fixed;inset:0;z-index:20;display:grid;place-items:center;background:#2117126b;padding:1rem}.modal-panel{width:min(680px,100%);max-height:min(760px,100vh - 32px);overflow:auto;border:1px solid var(--line);border-radius:8px;background:var(--white);box-shadow:0 24px 60px #21171247;padding:1.2rem}.error-dialog-backdrop{z-index:40}.error-dialog{width:min(460px,100%);border-top:5px solid #9f1d17}.error-dialog h3{color:#9f1d17}.error-dialog p{margin:0 0 1.25rem;color:var(--ink);line-height:1.55;overflow-wrap:anywhere}.modal-header,.modal-actions{display:flex;gap:.75rem;align-items:center;justify-content:space-between}.modal-header{margin-bottom:1rem}.modal-header h3{margin:0}.modal-close{width:38px;min-height:38px;padding:0;background:var(--white);color:var(--brand);border:1px solid var(--line);box-shadow:none}.modal-actions{grid-column:1/-1;justify-content:flex-end}.wide-field{grid-column:1/-1}.detail-list{display:grid;gap:.85rem;margin:0}.detail-list div{display:grid;gap:.25rem;padding-bottom:.75rem;border-bottom:1px solid var(--line)}.detail-list dt{color:var(--muted);font-size:.82rem;font-weight:900;text-transform:uppercase}.detail-list dd{margin:0;overflow-wrap:anywhere;font-weight:800}.sample-table-wrap{width:100%;margin:1rem 0;overflow-x:auto;border:1px solid var(--line);border-radius:8px;-webkit-overflow-scrolling:touch}.sample-table{width:100%;min-width:460px;border-collapse:collapse;background:var(--white)}.sample-table th,.sample-table td{padding:.8rem;border-bottom:1px solid var(--line);text-align:left;white-space:nowrap}.sample-table th{background:var(--soft);color:var(--brand-dark)}.admin-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.stat{padding:1rem}.stat span{color:var(--muted)}.stat strong{display:block;margin-top:.25rem;color:var(--brand);font-size:2rem}@media(max-width:900px){.hero,.customer-layout,.store-layout,.admin-layout{grid-template-columns:1fr}.cart-panel,.menu-list,.orders-panel{grid-column:auto}.cart-panel{position:static}.admin-console{grid-template-columns:180px minmax(0,1fr)}}@media(max-width:760px){.admin-console{display:block}.admin-console>.admin-tabs,.admin-console>:not(.admin-tabs){grid-column:auto;grid-row:auto}.admin-tabs{position:sticky;top:0;z-index:10;width:100%;flex-direction:row;flex-wrap:nowrap;gap:.4rem;margin-bottom:16px;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:thin;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch}.admin-tabs button{width:auto;min-width:max-content;min-height:48px;padding-inline:1rem;scroll-snap-align:start;text-align:center}.admin-console>.admin-stack,.admin-console>.panel,.admin-console>.admin-stats{margin-bottom:16px}}@media(max-width:620px){.app-shell{width:min(100% - 20px,1120px);padding-top:12px;padding-bottom:32px}.app-footer{width:min(100% - 20px,1120px)}.hero__logo{width:100%;margin:0}.hero__brand-image .eyebrow{font-size:.72rem}.hero__brand-image .hero__tagline{font-size:.82rem;line-height:1.35}.brand-bar{align-items:flex-start;flex-direction:column}.top-links{width:100%;justify-content:flex-start}.top-links a,.top-link-button{display:inline-flex;min-height:44px;align-items:center}.user-identity{width:100%}.hero{min-height:auto;gap:18px;padding:12px 0 24px}.hero h1{font-size:clamp(2.4rem,15vw,4rem)}.hero p{font-size:1rem;line-height:1.6}.hero__actions,.dashboard__actions,.modal-actions{align-items:stretch;flex-direction:column}.hero__actions>*,.dashboard__actions>*,.modal-actions>*{width:100%}.dashboard__bar{align-items:stretch;flex-direction:column}.auth-card,.panel{padding:1rem}.menu-item,.form-grid,.inventory-row,.user-row,.product-row{grid-template-columns:1fr}.admin-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.stat strong{font-size:1.6rem}.row-actions{justify-content:stretch}.row-actions button{flex:1 1 100%}.status-select,.status-control{width:100%;min-width:0}.menu-item img{width:100%;height:auto;aspect-ratio:4/3}.modal-backdrop{align-items:end;padding:0}.modal-panel{width:100%;max-height:calc(100dvh - 12px);border-radius:12px 12px 0 0;padding:1rem;overscroll-behavior:contain}.cart-line{grid-template-columns:minmax(0,1fr) 72px}}@media(max-width:380px){.admin-stats{grid-template-columns:1fr}.segmented{align-items:stretch;flex-direction:column}}.reset-password-card{max-width:520px;margin:48px auto}.product-gallery-thumbnails{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.product-gallery-thumbnails button{padding:3px;border:2px solid transparent;background:transparent;box-shadow:none}.product-gallery-thumbnails button.active{border-color:var(--brand)}.product-details-image-wrap .product-gallery-thumbnails img{width:64px;height:64px;object-fit:cover;border-radius:4px}.product-image-editor{display:flex;gap:12px;flex-wrap:wrap}.product-image-editor-item{display:flex;flex-direction:column;gap:6px;width:128px}.product-image-editor-item img{width:128px;height:100px;object-fit:cover;border-radius:8px}.delivery-team-row{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:14px 0;border-bottom:1px solid var(--line)}.delivery-team-row input[type=checkbox]{width:20px;min-height:20px;flex:0 0 20px}.delivery-team-row p{margin:4px 0;overflow-wrap:anywhere}
