:root{--green: #1E6B3A;--green-dark: #154D2A;--green-2: #2C7D48;--green-tint: #E3EFE5;--mint: #D4E8D9;--yellow: #F2B829;--yellow-tint: #FBEBC0;--ink: #17251B;--ink-2: #2B3D30;--ink-soft: #3D4A42;--muted: #55615A;--cream: #F6F4EC;--line: #E1DED3;--line-2: #D5D1C4;--line-soft: #EEEBE2;--on-dark: #C9D2CB;--red: #9A2A16;--white: #FFFFFF;--radius: 14px;--display: "Bricolage Grotesque", system-ui, sans-serif;--body: "Figtree", system-ui, -apple-system, "Segoe UI", sans-serif;--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-top: env(safe-area-inset-top, 0px)}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--cream);color:var(--ink);font-family:var(--body);font-size:15px;line-height:1.4;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}h1,h2,h3{margin:0}a{color:var(--green)}a:hover{color:var(--green-dark)}button,input,select{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}img{display:block;max-width:100%}:focus-visible{outline:3px solid var(--yellow);outline-offset:2px}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 16px}.muted{color:var(--muted)}.small{font-size:13px}.strong{font-weight:700}.big{font-size:18px;font-weight:700}.huge{font-family:var(--display);font-size:26px;font-weight:700}.center{text-align:center}.text-green{color:var(--green)}.text-red{color:var(--red)}.strike{text-decoration:line-through}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.row{display:flex;align-items:center}.row-between{display:flex;align-items:center;justify-content:space-between;gap:12px}.gap{gap:10px}.gap-sm{gap:8px}.wrap{flex-wrap:wrap}.grow{flex:1;min-width:0}.align-start{align-items:flex-start}.stack{display:flex;flex-direction:column;gap:16px}.stack-sm{display:flex;flex-direction:column;gap:10px}.stack-xs{display:flex;flex-direction:column;gap:2px;min-width:0}.span-all{grid-column:1 / -1}.desktop-only{display:none!important}@media (min-width: 900px){.desktop-only{display:revert!important}.mobile-only{display:none!important}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 16px;border-radius:10px;border:1px solid transparent;font-weight:600;font-size:15px;text-decoration:none;white-space:nowrap;background:var(--white);color:var(--ink)}.btn:disabled{opacity:.55}.btn-primary{background:var(--green);color:var(--white)}.btn-primary:hover:not(:disabled){background:var(--green-dark);color:var(--white)}.btn-dark{background:var(--ink);color:var(--white)}.btn-dark:hover{color:var(--white);background:var(--ink-2)}.btn-yellow{background:var(--yellow);color:var(--ink);font-weight:700}.btn-outline{border-color:var(--line-2);background:var(--white);color:var(--ink)}.btn-outline:hover{color:var(--ink);border-color:var(--muted)}.btn-outline-green{border-color:var(--green);color:var(--green);background:var(--white)}.btn-lg{min-height:52px;border-radius:14px;font-size:16px;padding:0 20px}.btn-sm{min-height:36px;padding:0 12px;font-size:13px;border-radius:8px}.btn-block{width:100%}.btn-disabled{background:var(--line-soft);color:var(--muted);width:100%}.link-btn{background:none;border:0;padding:8px 0;color:var(--green);font-weight:600;text-align:left;min-height:36px}.link-btn.danger,.danger{color:var(--red)}.icon-btn{width:44px;height:44px;flex:none;border-radius:22px;border:0;background:transparent;color:var(--ink);display:inline-flex;align-items:center;justify-content:center}.icon-btn-green{background:var(--green-2);color:var(--white)}.icon-btn-green:hover{color:var(--white)}.icon-btn-outline{border:1px solid var(--green);color:var(--green)}.icon-btn-dark{background:var(--ink-2);color:var(--white)}.field{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:600;color:var(--ink-soft)}.input{height:44px;padding:0 12px;border-radius:10px;border:1px solid var(--line-2);background:var(--white);color:var(--ink);font-size:16px;font-weight:400;width:100%}.input:focus{outline:2px solid var(--green);outline-offset:0;border-color:var(--green)}.input-auto{width:auto}.input-sm{height:36px;font-size:14px;min-width:130px}.input-num{width:96px;font-weight:600}.input-search{max-width:360px;flex:1 1 220px}.input-color{padding:4px}.phone-input{display:flex;align-items:center;height:52px;border:1px solid var(--line-2);border-radius:12px;background:var(--white);overflow:hidden}.phone-input span{padding:0 12px;color:var(--muted);font-weight:600;border-right:1px solid var(--line);height:100%;display:flex;align-items:center}.phone-input input{flex:1;border:0;outline:0;height:100%;padding:0 12px;font-size:18px;letter-spacing:.04em;min-width:0;background:transparent}.phone-input:focus-within{border-color:var(--green);outline:2px solid var(--green)}.otp-input{height:56px;font-size:26px;letter-spacing:.5em;text-align:center;font-weight:700}.search{display:flex;align-items:center;gap:8px;height:44px;padding:0 14px;border-radius:12px;background:var(--white);color:var(--muted)}.search input{border:0;outline:0;flex:1;min-width:0;font-size:15px;background:transparent;color:var(--ink)}.search-light{background:var(--cream);border:1px solid var(--line);flex:1 1 320px}.qty-select{flex:1;display:flex;min-width:0}.qty-select select{flex:1;min-width:0;height:44px;border-radius:8px;border:1px solid var(--line-2);background:var(--white);padding:0 8px;font-size:14px}.chips{display:flex;gap:8px;padding:14px 16px 4px;overflow-x:auto;scrollbar-width:none}.chips::-webkit-scrollbar{display:none}.chip{height:36px;padding:0 14px;border-radius:18px;border:1px solid var(--line-2);background:var(--white);font-size:14px;white-space:nowrap;flex:none}.chip.is-on{background:var(--green);border-color:var(--green);color:var(--white);font-weight:600}.chip-dark.is-on{background:var(--ink);border-color:var(--ink)}.seg{display:flex;gap:8px}.chip-status{display:inline-block;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:600;white-space:nowrap;color:var(--ink)}.chip-yellow{background:var(--yellow-tint)}.chip-blue{background:#dde7f3}.chip-green{background:var(--green-tint)}.chip-purple{background:#eedfea}.chip-red{background:#f7dcd5}.chip-grey{background:var(--line-soft);color:var(--muted)}.pill{align-self:flex-start;padding:6px 12px;border-radius:999px;font-size:13px;font-weight:600}.pill-yellow{background:var(--yellow);color:var(--ink)}.tag{padding:4px 8px;border-radius:8px;font-size:12px;font-weight:700;white-space:nowrap}.tag-yellow{background:var(--yellow-tint)}.tag-green{background:var(--green-tint)}.card{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);padding:14px}.card-title{font-size:15px;font-weight:700;margin:0}.section-label{font-size:15px;font-weight:700}.error-note{margin:0;padding:10px 12px;border-radius:10px;background:#fbe4de;color:var(--red);font-size:14px;font-weight:600}.ok-note{margin:0;padding:10px 12px;border-radius:10px;background:var(--green-tint);color:var(--green-dark);font-size:14px;font-weight:600}.dev-note{margin:0;padding:10px 12px;border-radius:10px;background:var(--yellow-tint);font-size:14px}.empty{color:var(--muted);padding:24px 0}.empty-state{display:flex;flex-direction:column;align-items:center;gap:12px;padding:48px 16px;color:var(--muted);text-align:center}.spinner-wrap{display:flex;align-items:center;gap:10px;color:var(--muted);padding:20px 0}.spinner{width:20px;height:20px;border-radius:50%;border:3px solid var(--line);border-top-color:var(--green);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.toggle{display:inline-flex;align-items:center;gap:10px;min-height:44px;background:none;border:0;padding:0;font-size:13px;color:var(--muted)}.toggle-track{width:44px;height:26px;border-radius:13px;background:#b9b5a8;padding:3px;display:flex;transition:background .15s}.toggle-knob{width:20px;height:20px;border-radius:10px;background:var(--white);transition:transform .15s}.toggle.is-on{color:var(--ink)}.toggle.is-on .toggle-track{background:var(--green)}.toggle.is-on .toggle-knob{transform:translate(18px)}.shop{min-height:100vh;display:flex;flex-direction:column}.shop-main{flex:1;padding-bottom:24px}.shop.has-bottom-nav .shop-main{padding-bottom:calc(150px + var(--safe-bottom))}@media (min-width: 900px){.shop.has-bottom-nav .shop-main{padding-bottom:48px}}.brand{font-family:var(--display);font-size:24px;font-weight:700;color:var(--green);text-decoration:none}.site-header{background:var(--white);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}.site-header-row{display:flex;flex-wrap:wrap;align-items:center;gap:16px 24px;padding-top:14px;padding-bottom:14px}.site-header-nav{display:flex;gap:8px;align-items:center}.nav-link{min-height:44px;padding:0 12px;display:flex;align-items:center;font-weight:600;text-decoration:none}.site-footer{background:var(--ink);color:var(--on-dark);margin-top:24px}.site-footer strong{color:var(--white);font-size:16px}.site-footer-row{display:flex;flex-wrap:wrap;gap:24px;justify-content:space-between;padding-top:32px;padding-bottom:32px;font-size:14px}.bottom-nav{position:fixed;left:0;right:0;bottom:0;z-index:30;display:grid;grid-template-columns:repeat(4,1fr);height:calc(64px + var(--safe-bottom));padding-bottom:var(--safe-bottom);background:var(--white);border-top:1px solid var(--line)}.bottom-nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:11px;color:var(--muted);text-decoration:none}.bottom-nav-item.is-active{color:var(--green);font-weight:600}.app-header{background:var(--green);color:var(--white);padding:calc(16px + var(--safe-top)) 16px 14px;display:flex;flex-direction:column;gap:12px}.app-header-row{display:flex;justify-content:space-between;align-items:center;gap:12px}.app-header-address{display:flex;flex-direction:column;gap:2px;color:var(--white);text-decoration:none;min-width:0}.app-header-address:hover{color:var(--white)}.app-header-address .small{color:var(--mint);font-size:12px}.app-header-address strong{font-size:15px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.slot-banner{margin:12px 16px 0;padding:10px 14px;border-radius:12px;background:var(--yellow);display:flex;justify-content:space-between;gap:8px;font-size:13px}.hero{background:var(--green);color:var(--white)}.hero-row{display:flex;flex-wrap:wrap;gap:40px;align-items:center;padding-top:64px;padding-bottom:64px}.hero-copy{flex:1 1 480px;display:flex;flex-direction:column;gap:18px}.hero h1{font-family:var(--display);font-size:56px;line-height:1.05}.hero p{margin:0;font-size:18px;line-height:1.5;color:var(--mint);max-width:540px}.pin-form{display:flex;flex-wrap:wrap;gap:10px;max-width:520px;align-items:flex-end}.pin-form label{flex:1 1 220px;display:flex;flex-direction:column;gap:6px;font-size:13px;color:var(--mint)}.pin-form input{height:52px;padding:0 16px;border-radius:12px;border:0;font-size:16px;color:var(--ink)}.pin-result{margin:0;font-weight:600;color:#ffd9cf}.pin-result.ok{color:var(--yellow)}.hero-visual{flex:1 1 380px;height:360px;border-radius:24px;background:var(--green-2);color:var(--mint);display:flex;align-items:flex-end;padding:24px;text-decoration:none;font-weight:600;background-image:radial-gradient(circle at 30% 35%,#F7DCD5 0 42px,transparent 43px),radial-gradient(circle at 62% 50%,var(--yellow) 0 54px,transparent 55px),radial-gradient(circle at 45% 70%,var(--mint) 0 36px,transparent 37px)}.hero-visual:hover{color:var(--white)}.section{padding-top:16px}@media (min-width: 900px){.section{padding-top:48px}}.section-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:12px}.section-title{font-family:var(--display);font-size:20px;font-weight:700;margin-bottom:12px}.section-head .section-title{margin-bottom:0}@media (min-width: 900px){.section-title{font-size:28px;margin-bottom:18px}.section-head{margin-bottom:18px}}.category-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.category-tile{height:110px;border-radius:16px;border:2px solid transparent;color:var(--ink);text-decoration:none;padding:16px;text-align:left;display:flex;flex-direction:column;justify-content:flex-end;gap:2px}.category-tile strong{font-size:17px}.category-tile span{font-size:13px;color:var(--ink-soft)}.category-tile.is-on{border-color:var(--green)}.category-tile:hover{color:var(--ink);filter:brightness(.97)}.product-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}@media (min-width: 600px){.product-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}}.product-card{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);padding:10px;display:flex;flex-direction:column;gap:8px;min-width:0}@media (min-width: 600px){.product-card{padding:14px;gap:10px;border-radius:16px}}.product-img{width:100%;height:96px;border-radius:10px;object-fit:cover}@media (min-width: 600px){.product-img{height:140px;border-radius:12px}}.product-img-placeholder{display:flex;align-items:center;justify-content:center;font-family:var(--display);font-size:36px;font-weight:700;color:#17251b59}.product-head{display:flex;flex-direction:column;gap:4px}@media (min-width: 600px){.product-head{flex-direction:row;justify-content:space-between;align-items:baseline;gap:8px}}.product-name-wrap{display:flex;flex-direction:column;min-width:0}.product-name{font-weight:600;font-size:15px}.product-price{font-weight:700;font-size:16px;white-space:nowrap}.product-actions{display:flex;gap:6px}.product-actions .btn{padding:0 14px;border-radius:8px}.in-cart{font-size:12px;font-weight:600;color:var(--green)}.steps-grid{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}.step-card{padding:20px;display:flex;flex-direction:column;gap:6px}.step-num{font-family:var(--display);font-size:32px;color:var(--green);font-weight:700}.cart-bar{position:fixed;left:16px;right:16px;bottom:calc(74px + var(--safe-bottom));z-index:25;height:52px;border-radius:14px;background:var(--ink);color:var(--white);display:flex;align-items:center;justify-content:space-between;padding:0 18px;text-decoration:none;font-weight:600;box-shadow:0 6px 20px #17251b40}.cart-bar:hover{color:var(--white)}.page{padding-top:20px}.page-title{font-family:var(--display);font-size:24px;font-weight:700;margin-bottom:14px}.page-narrow-desktop{max-width:720px}.page-narrow{max-width:720px;margin:0 auto;width:100%;padding-bottom:calc(110px + var(--safe-bottom))}.page-header{position:sticky;top:0;z-index:15;height:calc(60px + var(--safe-top));padding:var(--safe-top) 8px 0;display:flex;align-items:center;gap:4px;background:var(--white);border-bottom:1px solid var(--line)}.page-header h1{font-family:var(--display);font-size:20px;font-weight:700}@media (min-width: 900px){.page-header{position:static;background:transparent;border:0;margin-top:16px}.page-header h1{font-size:26px}}.page-body{padding:16px;display:flex;flex-direction:column;gap:14px}.action-bar{position:fixed;left:0;right:0;bottom:0;z-index:20;padding:12px 16px calc(16px + var(--safe-bottom));background:var(--white);border-top:1px solid var(--line)}@media (min-width: 900px){.action-bar{position:static;border:1px solid var(--line);border-radius:var(--radius);margin:0 16px;padding:14px}.page-narrow{padding-bottom:48px}}.action-bar-split{display:flex;align-items:center;gap:14px}.action-bar-stack{display:flex;flex-direction:column;gap:8px}.cart-list{padding:4px 14px}.cart-line{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--line-soft)}.thumb{width:52px;height:52px;flex:none;font-size:20px;border-radius:10px}.thumb-sm{width:40px;height:40px;flex:none;font-size:16px;border-radius:8px}.cart-line-info{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.cart-line-right{display:flex;flex-direction:column;align-items:flex-end;gap:6px}.stepper{display:flex;align-items:center;border:1px solid var(--green);border-radius:10px;height:40px}.stepper button{width:40px;height:38px;border:0;background:transparent;color:var(--green);font-size:20px;font-weight:700}.stepper button:disabled{color:var(--line-2)}.stepper span{min-width:64px;text-align:center;font-size:13px;font-weight:600}.weigh-note{margin:0;padding:12px 0;font-size:12px;color:var(--muted);display:flex;gap:8px;align-items:flex-start}.weigh-note svg{flex:none;margin-top:1px}.bill{display:flex;flex-direction:column;gap:10px;font-size:14px}.bill-total{border-top:1px dashed var(--line-2);padding-top:10px;font-weight:700;font-size:16px}.add-more{font-size:14px;font-weight:600;text-align:center;padding:10px}.address-option{display:flex;gap:12px;align-items:flex-start;cursor:pointer;color:var(--green)}.address-option.is-on,.radio-card.is-on{border:2px solid var(--green);padding:13px}.address-option strong,.address-option .muted{color:inherit}.address-option .stack-xs strong{color:var(--ink)}.address-option .stack-xs .muted{color:var(--muted)}.slot-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}@media (min-width: 600px){.slot-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.slot{min-height:64px;padding:10px 12px;border-radius:12px;border:1px solid var(--line-2);background:var(--white);text-align:left;display:flex;flex-direction:column;gap:2px}.slot .small{color:var(--muted);font-size:12px}.slot strong{font-size:15px}.slot.is-on{border:2px solid var(--green);background:var(--green-tint);padding:9px 11px}.slot.is-on .small{color:var(--green);font-weight:600}.slot:disabled{border-style:dashed;background:#efede5;color:#6b746e}.radio-card{display:flex;align-items:center;gap:12px;min-height:60px;cursor:pointer}.radio-card input{width:20px;height:20px;accent-color:var(--green);margin:0;flex:none}.status-hero{background:var(--green);color:var(--white);border-radius:var(--radius);padding:16px;display:flex;flex-direction:column;gap:4px}.status-hero .small{color:var(--mint)}.status-hero.is-ended{background:var(--ink-2)}.status-hero-big{font-family:var(--display);font-size:26px}.warn-card{background:var(--yellow-tint);border-color:var(--yellow);display:flex;flex-direction:column;gap:8px}.timeline{padding:16px;display:flex;flex-direction:column}.timeline-step{display:flex;gap:12px;min-height:52px}.timeline-rail{display:flex;flex-direction:column;align-items:center;width:22px}.timeline-text{padding-bottom:12px}.dot{width:22px;height:22px;border-radius:11px;flex:none;display:flex;align-items:center;justify-content:center}.dot-done{background:var(--green);color:var(--white)}.dot-now{border:6px solid var(--yellow);background:var(--ink)}.dot-todo{border:2px solid #C4C0B3}.rail{width:2px;flex:1;background:var(--line-2)}.person-card{display:flex;align-items:center;gap:12px}.avatar{width:44px;height:44px;flex:none;border-radius:22px;background:var(--green-tint);color:var(--green);display:flex;align-items:center;justify-content:center;font-weight:700}.order-row{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--ink)}.order-row:hover{color:var(--ink);border-color:var(--line-2)}.align-end{align-items:flex-end}.staff-link{display:flex;justify-content:space-between;align-items:center;text-decoration:none;background:var(--ink);color:var(--white);border-color:var(--ink)}.staff-link:hover{color:var(--white)}.login-page{min-height:100vh;display:flex;align-items:flex-start;justify-content:center;padding:calc(24px + var(--safe-top)) 16px 24px}@media (min-width: 600px){.login-page{align-items:center}}.login-card{width:100%;max-width:420px;background:var(--white);border:1px solid var(--line);border-radius:20px;padding:24px;display:flex;flex-direction:column;gap:16px}.login-card h1{font-family:var(--display);font-size:26px;line-height:1.15}.login-card .muted{margin:0}.login-back{margin:-10px 0 0 -10px}.admin{min-height:100vh;display:flex;flex-direction:column}.admin-side{background:var(--ink);color:var(--on-dark);padding:calc(14px + var(--safe-top)) 12px 10px;display:flex;flex-direction:column;gap:10px}.admin-brand{font-family:var(--display);font-size:20px;font-weight:700;color:var(--white);padding:0 6px}.admin-nav{display:flex;gap:4px;overflow-x:auto;scrollbar-width:none}.admin-nav::-webkit-scrollbar{display:none}.admin-nav-link{min-height:44px;padding:0 12px;border-radius:10px;color:var(--on-dark);display:flex;align-items:center;text-decoration:none;white-space:nowrap}.admin-nav-link:hover{color:var(--white)}.admin-nav-link.is-active{background:var(--ink-2);color:var(--white);font-weight:600}.admin-main{flex:1;min-width:0;padding:20px 16px 40px}@media (min-width: 900px){.admin{flex-direction:row}.admin-side{width:240px;flex:none;padding:20px 14px;position:sticky;top:0;height:100vh}.admin-brand{padding:0 10px 16px}.admin-nav{flex-direction:column;gap:2px}.admin-nav-shop{margin-top:16px}.admin-main{padding:28px}}.admin-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px}.admin-head .page-title{margin-bottom:0;font-size:26px}@media (min-width: 900px){.admin-head .page-title{font-size:30px}}.stat-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}@media (min-width: 900px){.stat-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}}.stat{display:flex;flex-direction:column;gap:4px;padding:16px;min-width:0}.stat-value{font-family:var(--display);font-size:26px}@media (min-width: 900px){.stat-value{font-size:30px}}.bulk-bar{background:var(--green-tint);border-color:var(--green)}.table-box{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);overflow-x:auto;-webkit-overflow-scrolling:touch}.table{width:100%;min-width:860px;border-collapse:collapse;font-size:14px}.table th{text-align:left;color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.04em;font-weight:600;padding:12px 14px;border-bottom:1px solid var(--line);white-space:nowrap}.table td{padding:12px 14px;border-bottom:1px solid var(--line-soft);vertical-align:middle}.table tr:last-child td{border-bottom:0}.table input[type=checkbox]{width:20px;height:20px;accent-color:var(--green)}.table .is-dim td{opacity:.5}.items-cell{color:var(--ink-soft);max-width:280px}.actions-cell{text-align:right;white-space:nowrap}.actions-cell .link-btn{margin-left:10px}.veg-cell{display:flex;align-items:center;gap:10px;cursor:pointer}.form-grid{display:grid;grid-template-columns:1fr;gap:12px}@media (min-width: 600px){.form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width: 1100px){.form-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.detail-row td{background:var(--cream)}.detail-order{padding:8px 0;border-bottom:1px solid var(--line-soft);gap:6px 16px}.report-grid{display:grid;grid-template-columns:1fr;gap:16px}@media (min-width: 900px){.report-grid{grid-template-columns:3fr 2fr}}.table-plain{min-width:0}.table-plain th,.table-plain td{padding:10px 8px}.table .num{text-align:right}.table-box-flat{border:0;max-height:360px;overflow-y:auto}.bar-chart{display:flex;gap:8px;height:260px;padding-bottom:24px}.bar-chart-y{display:flex;flex-direction:column;justify-content:space-between;font-size:11px;color:var(--muted);text-align:right;min-width:44px;margin:-7px 0}.bar-chart-plot{position:relative;flex:1;min-width:0;border-bottom:1px solid var(--line-2)}.bar-grid{position:absolute;left:0;right:0;height:0;border-top:1px solid var(--line-soft)}.bar-chart-bars{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:stretch}.bar-col{position:relative;flex:1;min-width:0;display:flex;align-items:flex-end;justify-content:center;padding:0 1px;outline:none}.bar{display:block;width:100%;max-width:28px;min-height:2px;background:var(--green);border-radius:4px 4px 0 0}.bar-col:hover .bar,.bar-col:focus-visible .bar{background:var(--green-dark)}.bar-col:focus-visible{box-shadow:inset 0 0 0 2px var(--yellow);border-radius:4px}.bar-x{position:absolute;top:100%;left:50%;transform:translate(-50%);margin-top:6px;font-size:11px;color:var(--muted);white-space:nowrap}.bar-tip{display:none;position:absolute;bottom:calc(100% - 8px);left:50%;transform:translate(-50%,-100%);z-index:5;flex-direction:column;gap:2px;padding:8px 10px;border-radius:8px;background:var(--white);border:1px solid var(--line);box-shadow:0 6px 18px #17251b24;font-size:12px;white-space:nowrap;pointer-events:none}.bar-tip.tip-left{left:auto;right:50%;transform:translateY(-100%)}.bar-col:hover .bar-tip,.bar-col:focus-visible .bar-tip{display:flex}.print-page{max-width:800px;margin:0 auto;padding:24px 16px;display:flex;flex-direction:column;gap:14px;background:var(--white);min-height:100vh}.print-page h1{font-family:var(--display);font-size:24px}.print-page h2{font-size:18px;margin-top:8px}.print-table{min-width:0;border:1px solid var(--line)}.bag{border:1px dashed var(--line-2);border-radius:10px;padding:12px;break-inside:avoid}.bag ul{margin:8px 0;padding-left:4px;list-style:none}@media print{.no-print{display:none!important}body,.print-page{background:#fff}}.delivery{min-height:100vh}.delivery-header{background:var(--ink);color:var(--white);padding:calc(18px + var(--safe-top)) 16px 16px;display:flex;flex-direction:column;gap:14px}.delivery-header .small{color:var(--on-dark)}.delivery-header h1{font-family:var(--display);font-size:22px}.delivery-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.delivery-stats div{background:var(--ink-2);border-radius:12px;padding:10px;display:flex;flex-direction:column;gap:2px}.delivery-stats strong{font-size:20px}.delivery-stats span{font-size:12px;color:var(--on-dark)}.delivery-body{padding:16px;display:flex;flex-direction:column;gap:12px;max-width:720px;margin:0 auto}.stop{display:flex;flex-direction:column;gap:10px}.stop.is-done{opacity:.75}.stop-num{width:28px;height:28px;flex:none;border-radius:14px;background:var(--green-tint);color:var(--green);font-weight:700;font-size:13px;display:flex;align-items:center;justify-content:center}.stop-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.cash-card{background:var(--yellow-tint);border-color:var(--yellow)}.code-card{background:var(--ink);color:var(--white);border-color:var(--ink);display:flex;flex-direction:column;gap:6px}.code-card .small{color:var(--on-dark)}.code-card strong{color:var(--white)}.code-digits{font-family:var(--display);font-size:44px;letter-spacing:.3em;line-height:1.1;color:var(--yellow)!important}.textarea{height:auto;padding:10px 12px;resize:vertical;line-height:1.4}.proof{display:flex;flex-direction:column;gap:2px;margin-top:6px}.issue{margin-top:6px;color:var(--red);font-weight:600;max-width:220px;white-space:normal}.table tr.has-issue td{background:#fdf1ee}.stat-alert{border-color:var(--red);background:#fdf1ee}.stat-alert .stat-value{color:var(--red)}.actions-cell .btn+.btn{margin-left:6px}.delivery-detail{padding-bottom:calc(340px + var(--safe-bottom))}@media (min-width: 900px){.delivery-detail{padding-bottom:48px}}.photo-cell{display:flex;align-items:center;gap:10px;min-width:170px}.thumb-photo{width:56px;height:56px;flex:none;border-radius:10px;object-fit:cover;font-size:20px}.photo-btn{cursor:pointer}.photo-btn:focus-within{outline:3px solid var(--yellow);outline-offset:2px}.slot-express{width:100%;min-height:64px;border-color:var(--yellow);background:var(--yellow-tint)}.slot-express.is-on{border:2px solid var(--green);background:var(--green-tint)}.slot-express .small{color:var(--ink-soft)}.express-tag{display:inline-block;padding:2px 8px;border-radius:6px;background:var(--yellow);color:var(--ink);font-weight:700;font-size:12px}.stop.is-express{border:2px solid var(--yellow)}.slot-card-express{border-color:var(--yellow)}.day-tabs{display:grid;grid-template-columns:1fr 1fr;gap:6px;background:var(--ink-2);padding:4px;border-radius:12px}.day-tabs button{height:40px;border:0;border-radius:9px;background:transparent;color:var(--on-dark);font-weight:600}.day-tabs button.is-on{background:var(--white);color:var(--ink)}@media (min-width: 600px){.span-2{grid-column:span 2}}.time-hint{font-size:12px;font-weight:600;color:var(--green)}.check-row{display:flex;align-items:flex-start;gap:10px;font-size:14px;color:var(--ink-soft);cursor:pointer}.check-row input{width:20px;height:20px;margin:1px 0 0;flex:none;accent-color:var(--green)}.offer-marquee{overflow:hidden;padding:14px 0 4px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 24px,#000 calc(100% - 24px),transparent);mask-image:linear-gradient(90deg,transparent,#000 24px,#000 calc(100% - 24px),transparent)}@media (min-width: 900px){.offer-marquee{padding-top:28px;max-width:1200px;margin:0 auto}}.offer-track{display:flex;width:max-content;animation:offer-run var(--marquee-duration, 24s) linear infinite}.offer-clones{display:contents}.offer-marquee:hover .offer-track,.offer-marquee:focus-within .offer-track,.offer-marquee:active .offer-track{animation-play-state:paused}@keyframes offer-run{0%{transform:translate(0)}to{transform:translate(-50%)}}.offer-card{flex:0 0 272px;margin-right:10px;display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:14px;text-decoration:none;color:var(--ink);min-height:68px}@media (min-width: 900px){.offer-card{flex-basis:290px;margin-right:14px}}@media (prefers-reduced-motion: reduce){.offer-marquee{overflow-x:auto;-webkit-mask-image:none;mask-image:none;padding-left:16px;padding-right:16px}.offer-track{animation:none}.offer-clones{display:none}}.offer-card:hover{color:var(--ink)}.offer-card strong{font-size:15px;line-height:1.25}.offer-card .small{color:var(--ink-soft)}.offer-icon{width:40px;height:40px;flex:none;border-radius:12px;display:flex;align-items:center;justify-content:center;background:#ffffffa6;color:var(--green-dark)}.tone-green{background:var(--green-tint)}.tone-yellow{background:var(--yellow)}.tone-mint{background:#dcebd8}.tone-pink{background:#f7dcd5}.tone-blue{background:#dde7f3}.tone-cream{background:var(--white);border:1px solid var(--line)}.tone-dark{background:var(--ink);color:var(--white)}.tone-dark .small{color:var(--on-dark)}.tone-dark .offer-icon{background:var(--ink-2);color:var(--yellow)}.promise{margin:10px 0 0;display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--green-dark)}.promise svg{flex:none}.section-tight{padding-top:14px}.reorder{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.reorder .grow{min-width:180px}.h-scroll{display:flex;gap:12px;overflow-x:auto;padding-bottom:6px;scroll-snap-type:x mandatory;scrollbar-width:thin}.h-scroll-item{flex:0 0 168px;scroll-snap-align:start;display:flex}.h-scroll-item>*{width:100%}.h-scroll-wide{flex-basis:272px}@media (min-width: 600px){.h-scroll-item{flex-basis:220px}.h-scroll-wide{flex-basis:300px}}.product-media{position:relative}.badge{position:absolute;left:6px;top:6px;display:inline-flex;align-items:center;gap:3px;padding:3px 7px;border-radius:6px;font-size:11px;font-weight:700}.badge-drop{background:var(--green);color:var(--white)}.few-left{font-size:12px;font-weight:700;color:var(--red)}.combo-card{background:var(--white);border:1px solid var(--line);border-radius:16px;overflow:hidden;display:flex;flex-direction:column}.combo-top{position:relative;padding:16px 14px 14px;display:flex;flex-direction:column;gap:4px;min-height:92px;justify-content:flex-end}.combo-name{font-family:var(--display);font-size:18px;line-height:1.15}.save-badge{position:absolute;top:10px;right:10px;padding:3px 8px;border-radius:6px;background:var(--ink);color:var(--yellow);font-size:12px;font-weight:700}.combo-items{list-style:none;margin:0;padding:10px 14px;display:flex;flex-direction:column;gap:4px;font-size:14px;flex:1}.combo-items li{display:flex;justify-content:space-between;gap:8px}.combo-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 14px 14px}.combo-foot .btn-disabled{width:auto}.combo-thumb{display:flex;align-items:center;justify-content:center;font-weight:700;color:var(--ink)}.refer-card{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:18px;border-radius:16px;background:var(--ink);color:var(--white);text-decoration:none}.refer-card:hover{color:var(--white)}.refer-card .small{color:var(--on-dark)}.refer-card strong{font-family:var(--display);font-size:20px}.refer-card .offer-icon{background:var(--ink-2);color:var(--yellow)}.refer-card .grow{min-width:200px}.nudges{display:flex;flex-direction:column;gap:12px}.nudge{display:flex;gap:10px;align-items:flex-start}.nudge-icon{width:28px;height:28px;flex:none;border-radius:14px;display:flex;align-items:center;justify-content:center;background:var(--yellow-tint);color:var(--ink)}.nudge.is-done .nudge-icon{background:var(--green);color:var(--white)}.progress{display:block;height:6px;border-radius:3px;background:var(--line-soft);overflow:hidden;margin-top:4px}.progress span{display:block;height:100%;border-radius:3px;background:var(--yellow);transition:width .3s}.saved-note{align-self:flex-start;padding:4px 10px;border-radius:8px;background:var(--green-tint);color:var(--green-dark);font-size:13px;font-weight:700}.cart-bar-hint{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:600;color:var(--yellow)}.cart-bar{height:auto;min-height:56px;padding-top:8px;padding-bottom:8px}@media (min-width: 900px){.cart-bar{left:50%;right:auto;transform:translate(-50%);width:520px;bottom:24px}.shop.has-bottom-nav .shop-main{padding-bottom:110px}}.order-items{font-size:14px}.combo-sub{padding-left:12px;color:var(--ink-soft);font-size:13px}.gift-line{color:var(--green-dark);font-weight:600}.wallet-card{display:flex;align-items:center;gap:14px;background:var(--green);color:var(--white);border-color:var(--green)}.wallet-card .small{color:var(--mint)}.wallet-card .offer-icon{background:var(--green-2);color:var(--white)}.refer-steps{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:4px;font-size:14px;color:var(--ink-soft)}.code-box{display:flex;flex-direction:column;align-items:center;gap:2px;padding:14px;border:2px dashed var(--line-2);border-radius:12px}.code-big{font-family:var(--display);font-size:30px;letter-spacing:.12em}.wallet-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px;font-size:14px}.refer-link{background:var(--yellow-tint);color:var(--ink);border-color:var(--yellow)}.refer-link:hover{color:var(--ink)}.refer-link .small{color:var(--ink-soft)}.offer-admin.is-off,.card.is-off{opacity:.7}.money-input{display:flex;align-items:center;height:44px;border:1px solid var(--line-2);border-radius:10px;background:var(--white);overflow:hidden}.money-input span{padding:0 10px;color:var(--muted);font-weight:600}.money-input input{flex:1;min-width:0;height:100%;border:0;outline:0;font-size:16px;padding-right:10px;background:transparent}.money-input:focus-within{outline:2px solid var(--green);border-color:var(--green)}.combo-row .input.grow{min-width:150px}.combo-row-price{min-width:48px;text-align:right}.is-disabled-link{pointer-events:none;opacity:.55}.photo-row{display:flex;flex-wrap:wrap;gap:8px}.photo-thumb{width:72px;height:72px;object-fit:cover;border-radius:10px;border:1px solid var(--line);display:block}.photo-thumb-lg{width:120px;height:120px}.photo-wrap{position:relative}.photo-remove{position:absolute;top:-8px;right:-8px;width:26px;height:26px;border-radius:13px;border:0;background:var(--ink);color:var(--white);font-size:16px;line-height:1}.photo-add{width:72px;height:72px;border-radius:10px;border:2px dashed var(--line-2);display:flex;align-items:center;justify-content:center;text-align:center;font-size:12px;font-weight:600;color:var(--green);cursor:pointer;padding:4px}.photo-add:focus-within{outline:3px solid var(--yellow)}.photo-btn-plain{padding:0;border:0;background:none;cursor:zoom-in}.photo-zoom{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;border:0;background:#17251bd9;display:flex;align-items:center;justify-content:center;padding:16px;cursor:zoom-out}.photo-zoom img{max-width:100%;max-height:100%;border-radius:12px}.plain-fieldset{border:0;padding:0;margin:0}.ok-card{background:var(--green-tint);border-color:var(--green)}.muted-card{background:var(--line-soft)}.complaint.pending{border-color:var(--yellow);border-width:2px}.complaint-text{margin:0;padding:10px 12px;border-radius:10px;background:var(--cream);font-size:14px}.decide{border-top:1px dashed var(--line-2);padding-top:12px}.nav-count{margin-left:auto;min-width:22px;height:22px;padding:0 6px;border-radius:11px;background:var(--yellow);color:var(--ink);font-size:12px;font-weight:700;display:inline-flex;align-items:center;justify-content:center}.admin-nav-link{gap:8px}