:root{--ink:#141414;--muted:#687076;--line:#e5e7eb;--paper:#ffffff;--soft:#f7f7f5;--brand:#172949;--brand-contrast:#ffffff;--green:#15803d;--amber:#b45309;--rose:#be123c;--blue:#2563eb}*{box-sizing:border-box}body,html{margin:0;min-height:100%;background:var(--soft);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select,textarea{font:inherit}a{color:inherit;text-decoration:none}.shell{width:min(1120px,calc(100% - 32px));margin:0 auto}.topbar{background:var(--paper);border-bottom:1px solid var(--line);position:-webkit-sticky;position:sticky;top:0;z-index:10}.topbar-inner{height:64px;display:flex;align-items:center;justify-content:space-between;gap:16px}.brand-mark{width:36px;height:36px;border-radius:8px;display:grid;place-items:center;background:var(--brand);color:var(--brand-contrast);font-weight:800}.brand-row{display:flex;align-items:center;gap:10px;min-width:0}.brand-logo-img{width:112px;height:auto;display:block}.topbar-actions{display:flex;align-items:center;gap:10px}.muted-small{color:var(--muted);font-size:13px;margin-top:2px}.button{border:0;border-radius:8px;min-height:42px;padding:0 14px;display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--brand);color:var(--brand-contrast);cursor:pointer;font-weight:700}.button.secondary{background:#edf2f7;color:var(--ink)}.button.ghost{background:transparent;color:var(--ink);border:1px solid var(--line)}.button:disabled{cursor:not-allowed;opacity:.55}.hero{min-height:460px;display:grid;align-items:end;background-position:50%;background-size:cover;color:white;position:relative}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgb(0 0 0/18%),rgb(0 0 0/72%))}.hero-content{position:relative;padding:120px 0 48px}.hero h1{margin:0;max-width:760px;font-size:clamp(38px,7vw,76px);line-height:.98;letter-spacing:0}.hero p{max-width:620px;margin:18px 0 0;font-size:18px;line-height:1.5}.status-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.pill{min-height:34px;border-radius:999px;display:inline-flex;align-items:center;gap:8px;padding:0 12px;font-weight:700;background:rgb(255 255 255/92%);color:var(--ink)}.main-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;grid-gap:24px;gap:24px;padding:28px 0 56px;align-items:start}.section-title{margin:24px 0 14px;font-size:24px}.product-list{display:grid;grid-gap:12px;gap:12px}.product-card{display:grid;grid-template-columns:minmax(0,1fr) 128px;grid-gap:16px;gap:16px;align-items:stretch;background:var(--paper);border:1px solid var(--line);border-radius:8px;overflow:hidden}.product-content{padding:16px}.product-content h3{margin:0 0 6px;font-size:18px}.product-content p{min-height:42px;margin:0 0 14px;color:var(--muted);line-height:1.4}.product-footer{display:flex;align-items:center;justify-content:space-between;gap:12px}.price{font-size:18px;font-weight:800}.product-image{width:128px;height:100%;object-fit:cover}.cart{background:var(--paper);border:1px solid var(--line);border-radius:8px;padding:18px;position:-webkit-sticky;position:sticky;top:84px}.cart h2{margin:0 0 14px;font-size:20px}.cart-line{border-bottom:1px solid var(--line);padding:10px 0}.cart-line,.cart-total{display:flex;justify-content:space-between;gap:12px}.cart-total{padding:16px 0;font-size:20px;font-weight:900}.checkout-form{display:grid;grid-gap:10px;gap:10px}.field{display:grid;grid-gap:6px;gap:6px}.field span{color:var(--muted);font-size:13px;font-weight:700}.field input,.field select{min-height:42px;border:1px solid var(--line);border-radius:8px;padding:0 12px;background:white}.dashboard{padding:32px 0 56px}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:14px;gap:14px;margin-top:20px}.metric{background:var(--paper);border:1px solid var(--line);border-radius:8px;padding:16px}.metric strong{display:block;margin-top:8px;font-size:28px}.table{width:100%;border-collapse:collapse;background:var(--paper);border:1px solid var(--line);border-radius:8px;overflow:hidden;margin-top:18px}.table td,.table th{padding:14px;border-bottom:1px solid var(--line);text-align:left}.empty{color:var(--muted);padding:22px 0}.notice{border-left:4px solid var(--blue);background:#eff6ff;padding:14px;border-radius:8px}.login-page{min-height:100vh;display:grid;align-items:center;justify-content:center;background:#ffffff;padding:24px}.login-box{width:min(100%,360px);display:grid;grid-gap:22px;gap:22px}.login-brand{display:flex;align-items:center;gap:10px;color:#1698f2;font-size:19px;letter-spacing:0}.login-logo{width:22px;height:22px;border:1.5px solid #1698f2;border-radius:4px;display:grid;place-items:center;font-size:10px;font-weight:800;line-height:1}.login-brand-logo{width:118px;height:auto;display:block}.login-box h1{margin:0 0 8px;font-size:18px;line-height:1.25}.login-field{display:grid;grid-gap:10px;gap:10px}.login-field span{font-weight:700}.login-input-wrap{min-height:52px;border:1px solid #cfd8e3;border-radius:4px;display:grid;grid-template-columns:24px minmax(0,1fr) 36px;align-items:center;grid-gap:8px;gap:8px;padding:0 10px;background:#eef2f8;color:#99a3af}.login-input-wrap:focus-within{border-color:#1599f5;box-shadow:0 0 0 1px #1599f5;background:#ffffff}.login-input-wrap input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:var(--ink);font-size:16px}.icon-button{width:34px;height:34px;border:0;border-radius:8px;background:transparent;color:#b7c0cc;cursor:pointer;display:grid;place-items:center}.forgot-link{justify-self:end;color:#006fec;font-size:13px;font-style:italic}.login-submit{min-height:48px;border:0;border-radius:8px;background:#1298ee;color:white;font-weight:800;cursor:pointer;font-size:16px}.login-submit:disabled{opacity:.65;cursor:not-allowed}.login-error{margin:-8px 0 0;color:var(--rose);font-weight:700;font-size:14px}.admin-login-page{min-height:100vh;display:grid;place-items:center;background:linear-gradient(135deg,rgb(18 152 238/10%),transparent 42%),#f6f8fb;padding:24px}.admin-login-card{width:min(100%,390px);display:grid;grid-gap:22px;gap:22px;background:white;border:1px solid #e9edf3;border-radius:10px;padding:28px;box-shadow:0 24px 80px rgb(16 24 40/8%)}.admin-login-logo{width:136px;height:auto}.admin-login-card h1{margin:0;font-size:26px}.admin-login-card p{margin:8px 0 0;color:var(--muted);line-height:1.5}.admin-password-field{grid-template-columns:minmax(0,1fr)}.admin-dashboard{padding-top:30px}.admin-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.admin-title-row h1{margin:0}.admin-title-row p{margin:8px 0 0;color:var(--muted)}.admin-table-wrap{overflow-x:auto;margin-top:22px}.admin-table{min-width:920px}.status-chip{min-height:28px;border-radius:999px;display:inline-flex;align-items:center;gap:6px;padding:0 10px;margin:2px 4px 2px 0;font-size:12px;font-weight:800;white-space:nowrap}.status-chip.ok{background:#dcfce7;color:#166534}.status-chip.danger{background:#ffe4e6;color:#9f1239}.status-chip.warning{background:#fef3c7;color:#92400e}.status-chip.soft{opacity:.84}.inline-link{display:inline-flex;align-items:center;gap:6px;color:#1368d6;font-weight:800}.customer-app-shell{min-height:100vh;background:#eaedf1;padding:18px 0 28px}.customer-phone{width:min(100%,430px);min-height:calc(100vh - 36px);margin:0 auto;background:#ffffff;border-radius:22px;box-shadow:0 24px 80px rgb(30 30 50/8%);overflow:hidden;padding:18px 16px 104px}.customer-header{display:grid;grid-template-columns:38px minmax(0,1fr) 38px;align-items:center;grid-gap:10px;gap:10px}.bag-button,.round-icon{width:38px;height:38px;border:0;border-radius:999px;display:grid;place-items:center}.round-icon{background:#f1f4f7;color:#66717c;cursor:pointer}.bag-button{position:relative;background:#171826;color:#ffffff;cursor:pointer}.bag-button span{position:absolute;top:-4px;right:-3px;min-width:17px;height:17px;border-radius:999px;display:grid;place-items:center;background:#ff8126;color:white;font-size:10px;font-weight:800}.delivery-copy{min-width:0}.delivery-copy span{display:block;color:#ff7f26;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.5px}.delivery-copy strong{display:flex;align-items:center;gap:4px;color:#1f2430;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.customer-greeting{margin-top:22px}.customer-greeting p{margin:0 0 4px;color:#656d78;font-size:14px}.customer-greeting h1{margin:0;color:#171826;font-size:24px;line-height:1.15;letter-spacing:0}.customer-search{min-height:48px;margin-top:18px;border-radius:8px;background:#f6f6f7;display:grid;grid-template-columns:20px minmax(0,1fr);grid-gap:8px;gap:8px;align-items:center;padding:0 13px;color:#9aa3ad}.customer-search input{width:100%;border:0;outline:0;background:transparent;color:#171826;font-size:14px}.customer-category-strip{display:flex;gap:10px;overflow-x:auto;padding:18px 0 8px;scrollbar-width:none}.customer-category-strip::-webkit-scrollbar{display:none}.customer-category-strip button{min-height:34px;border:1px solid #edf0f3;border-radius:999px;background:#ffffff;color:#5f6772;padding:0 14px;white-space:nowrap;cursor:pointer;font-size:13px;font-weight:700}.customer-category-strip button.active{border-color:#ff8a2a;background:#ff8a2a;color:#ffffff}.customer-menu-list{display:grid;grid-gap:22px;gap:22px;margin-top:4px}.customer-section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.customer-section-head h2{margin:0;color:#222228;font-size:18px}.customer-section-head button{border:0;background:transparent;color:#6f7782;cursor:pointer;font-size:12px}.customer-product-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:13px;gap:13px}.customer-product-card{min-width:0;border-radius:14px;background:#ffffff;border:1px solid #f0f1f3;padding:8px}.customer-product-image-wrap{position:relative;aspect-ratio:1.22;border-radius:12px;overflow:hidden;background:#f6f6f7}.customer-product-image{width:100%;height:100%;display:block;object-fit:cover}.customer-add-button{position:absolute;right:7px;bottom:7px;width:28px;height:28px;border:0;border-radius:999px;display:grid;place-items:center;background:#ff8a2a;color:#ffffff;cursor:pointer}.customer-add-button:disabled{opacity:.5}.customer-product-card h3{margin:9px 0 3px;color:#222228;font-size:13px;line-height:1.2}.customer-product-card p{margin:0;min-height:30px;color:#7a8490;font-size:11px;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.customer-product-card strong{display:block;margin-top:6px;color:#171826;font-size:13px}.customer-floating-notice{bottom:88px;z-index:30}.customer-cart-summary,.customer-floating-notice{position:fixed;left:50%;width:min(calc(100% - 28px),398px);transform:translateX(-50%)}.customer-cart-summary{bottom:16px;min-height:58px;border:0;border-radius:14px;background:#171826;color:white;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 18px;z-index:20;cursor:pointer;box-shadow:0 16px 46px rgb(22 24 38/22%);font-weight:800}.cart-screen{position:fixed;inset:0;z-index:50;display:grid;grid-template-rows:60px minmax(0,1fr) auto;background:#202123;color:#ffffff}.cart-screen-header{display:flex;align-items:center;justify-content:space-between;background:#292a2c;padding:0 16px}.cart-screen-header h2{margin:0;font-size:22px}.cart-screen-header button{width:44px;height:44px;border:0;border-radius:999px;display:grid;place-items:center;background:transparent;color:#ffffff;cursor:pointer}.cart-screen-content{overflow:auto;padding:20px 15px 24px}.cart-screen-empty{margin:0;color:#d5d5d8}.cart-screen-item{display:grid;grid-template-columns:minmax(0,1fr) 110px;grid-gap:14px;gap:14px;border:1px solid #4d4e52;border-radius:6px;padding:13px 16px 12px}.cart-screen-item-copy{min-width:0}.cart-screen-item-copy h3{margin:0;color:#ffffff;font-size:17px;line-height:1.35}.cart-screen-item-copy ul{margin:9px 0 0;padding-left:18px;color:#e8e8ec;font-size:14px;line-height:1.45}.cart-screen-image{width:110px;height:70px;border-radius:6px;object-fit:cover}.cart-screen-actions{grid-column:1/-1;display:flex;align-items:center;gap:14px;flex-wrap:wrap}.cart-screen-actions button{border:0;background:transparent;color:#ffffff;display:inline-flex;align-items:center;gap:8px;cursor:pointer;font-weight:800}.cart-screen-actions strong{margin-left:auto;font-size:17px}.continue-shopping{width:-moz-fit-content;width:fit-content;min-height:42px;border:1px solid #c88cc7;border-radius:4px;background:transparent;color:#d79ad5;display:flex;align-items:center;justify-content:center;margin:14px auto 0;padding:0 16px;cursor:pointer;font-weight:900;font-size:16px}.cart-screen-checkout{background:#292a2c;padding:14px 15px 12px}.cart-screen-total{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#ffffff;font-size:18px;font-weight:900}.cart-screen-fields{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px;margin-top:12px}.cart-screen-fields .field span{color:#d4d4d8}.finish-order{width:100%;min-height:44px;border:0;border-radius:4px;background:#c893c6;color:white;display:inline-flex;align-items:center;justify-content:center;gap:8px;margin-top:12px;cursor:pointer;font-weight:900;font-size:16px}@media (max-width:860px){.main-grid,.metric-grid{grid-template-columns:1fr}.cart{position:static}}@media (max-width:560px){.shell{width:min(100% - 20px,1120px)}.hero{min-height:390px}.product-card{grid-template-columns:1fr}.product-image{width:100%;height:180px;order:-1}.topbar-inner{height:auto;min-height:60px;padding:10px 0;align-items:flex-start;flex-direction:column}.topbar-actions{width:100%;display:grid;grid-template-columns:1fr 1fr}.customer-app-shell{padding:0}.customer-phone{width:100%;min-height:100vh;border-radius:0;box-shadow:none}.cart-screen-fields{grid-template-columns:1fr}.cart-screen-item{grid-template-columns:minmax(0,1fr) 92px;padding:13px}.cart-screen-image{width:92px;height:70px}.cart-screen-actions strong{width:100%;margin-left:0;text-align:right}}