:root{--background:#f7f5ef;--surface:#fff;--surface-soft:#eef6ed;--ink:#18211d;--muted:#637067;--line:#dfe5dc;--green:#236b44;--green-dark:#174d30;--gold:#f0b342;--red:#b5473e}html{scroll-behavior:smooth}html,body{max-width:100vw;overflow-x:hidden}body{color:var(--ink);background:var(--background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Arial,Helvetica,sans-serif}*{box-sizing:border-box}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}.app-navbar{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#f7f5eff0;border-bottom:1px solid #236b441f}.navbar-brand{color:var(--ink);letter-spacing:0;font-weight:800}.brand-mark{background:var(--green);color:#fff;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;display:inline-flex}.nav-link{color:var(--muted);font-weight:650}.nav-link:hover{color:var(--green)}.btn-success{--bs-btn-bg:var(--green);--bs-btn-border-color:var(--green);--bs-btn-hover-bg:var(--green-dark);--bs-btn-hover-border-color:var(--green-dark);--bs-btn-active-bg:var(--green-dark);--bs-btn-active-border-color:var(--green-dark)}.hero-section{padding:64px 0 44px}.store-status{border:1px solid var(--line);color:var(--green-dark);background:#fff;border-radius:999px;align-items:center;gap:10px;padding:8px 14px;font-size:.9rem;font-weight:750;display:inline-flex}.pulse-dot{background:#30a35f;border-radius:50%;width:10px;height:10px;display:inline-flex;box-shadow:0 0 0 6px #30a35f1f}.hero-section h1{color:var(--ink);letter-spacing:0;line-height:1.05}.hero-visual{border-radius:8px;min-height:430px;position:relative;overflow:hidden}.hero-visual img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.hero-overlay{background:#ffffffeb;border:1px solid #ffffffc7;border-radius:8px;justify-content:space-between;align-items:center;gap:16px;padding:16px;display:flex;position:absolute;bottom:18px;left:18px;right:18px;box-shadow:0 20px 60px #18211d2e}.hero-overlay span:first-child{color:var(--muted);font-weight:800;display:block}.hero-overlay strong{font-size:1.15rem;display:block}.stats-band{background:var(--green-dark);color:#fff;padding:18px 0}.stat-tile{align-items:baseline;gap:10px;min-height:54px;display:flex}.stat-tile strong{font-size:1.7rem;line-height:1}.stat-tile span{color:#ffffffbd;font-weight:650}.section-block{padding:54px 0}.section-heading{justify-content:space-between;align-items:end;gap:24px;margin-bottom:22px;display:flex}.section-heading.compact{align-items:center}.eyebrow{color:var(--green);letter-spacing:.08em;text-transform:uppercase;font-size:.76rem;font-weight:850;display:block}.section-heading h2,.cart-panel h2{letter-spacing:0;margin:4px 0 0;font-size:1.85rem;font-weight:850}.search-box{width:100%;max-width:420px;position:relative}.search-box i{color:var(--muted);z-index:1;position:absolute;top:50%;left:15px;transform:translateY(-50%)}.search-box .form-control{border-color:var(--line);border-radius:8px;min-height:48px;padding-left:42px}.category-scroll{gap:10px;padding-bottom:4px;display:flex;overflow-x:auto}.category-pill{border:1px solid var(--line);color:var(--ink);background:#fff;border-radius:8px;flex:none;align-items:center;gap:9px;min-height:48px;padding:0 15px;font-weight:750;display:inline-flex}.category-pill.active,.category-pill:hover{background:var(--green);border-color:var(--green);color:#fff}.product-section{border-top:1px solid var(--line);background:#fffdf8}.result-count{background:var(--surface-soft);color:var(--green-dark);border-radius:999px;padding:8px 12px;font-weight:800}.product-card{background:var(--surface);border:1px solid var(--line);border-radius:8px;height:100%;overflow:hidden}.product-image{aspect-ratio:16/10;background:#e9eadf;position:relative;overflow:hidden}.product-image img{object-fit:cover;width:100%;height:100%}.product-tags{gap:6px;display:flex;position:absolute;top:12px;left:12px}.product-body{gap:14px;padding:15px;display:grid}.product-body h3{margin:0;font-size:1.06rem;font-weight:850}.product-body p{color:var(--muted);margin:2px 0 0}.product-body strong{color:var(--green-dark);font-size:1.12rem}.stock-badge{background:var(--surface-soft);color:var(--green-dark);white-space:nowrap;border-radius:999px;padding:6px 9px;font-size:.76rem;font-weight:850}.stock-badge.low{color:var(--red);background:#fff1df}.quantity-row{border:1px solid var(--line);text-align:center;background:#f6f8f4;border-radius:8px;grid-template-columns:42px 1fr 42px;align-items:center;min-height:44px;display:grid;overflow:hidden}.quantity-row span{font-weight:850}.qty-button{color:var(--green);background:0 0;border:0;justify-content:center;align-items:center;height:44px;display:inline-flex}.qty-button:disabled{color:#a5ada6}.cart-panel{border:1px solid var(--line);background:#fff;border-radius:8px;padding:18px;position:sticky;top:92px;box-shadow:0 18px 55px #18211d14}.cart-count{background:var(--green);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-weight:850;display:inline-flex}.fulfillment-toggle{border:1px solid var(--line);background:#f4f5ef;border-radius:8px;grid-template-columns:1fr 1fr;gap:6px;padding:6px;display:grid}.fulfillment-toggle button{color:var(--muted);text-transform:capitalize;background:0 0;border:0;border-radius:6px;justify-content:center;align-items:center;gap:8px;min-height:40px;font-weight:800;display:inline-flex}.fulfillment-toggle button.active{color:var(--green);background:#fff;box-shadow:0 8px 24px #18211d14}.cart-items{gap:10px;min-height:126px;display:grid}.empty-cart{color:var(--muted);text-align:center;background:#f8f7f2;border:1px dashed #cad5c9;border-radius:8px;place-items:center;gap:8px;min-height:126px;padding:18px;display:grid}.empty-cart i{color:var(--green);font-size:1.6rem}.empty-cart p{margin:0}.cart-line{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:10px 0;display:flex}.cart-line strong,.cart-line span{display:block}.cart-line span{color:var(--muted);font-size:.9rem}.cart-line button{color:var(--muted);background:#f4f5ef;border:0;border-radius:50%;flex:none;justify-content:center;align-items:center;width:32px;height:32px;display:inline-flex}.form-label{color:var(--ink);font-weight:800}.form-control{border-color:var(--line);border-radius:8px}.form-control:focus{border-color:var(--green);box-shadow:0 0 0 .2rem #236b4429}.form-select{border-color:var(--line);border-radius:8px}.form-select:focus{border-color:var(--green);box-shadow:0 0 0 .2rem #236b4429}.totals{border-top:1px solid var(--line);gap:10px;margin:18px 0;padding-top:16px;display:grid}.totals div{justify-content:space-between;align-items:center;display:flex}.totals span{color:var(--muted)}.grand-total{color:var(--ink);font-size:1.18rem;font-weight:850}.checkout-section{border-top:1px solid var(--line);background:#f3f6ef}.checkout-card,.order-summary-card,.recent-orders-card,.tracking-card{border:1px solid var(--line);background:#fff;border-radius:8px;height:100%;padding:20px;box-shadow:0 16px 46px #18211d0f}.workflow-tabs{grid-template-columns:1fr 1fr;gap:10px;display:grid}.workflow-tabs button{border:1px solid var(--line);color:var(--muted);text-align:left;background:#f8f7f2;border-radius:8px;align-items:center;gap:12px;min-height:72px;padding:12px;display:flex}.workflow-tabs button i{color:var(--green);background:#fff;border-radius:8px;flex:none;justify-content:center;align-items:center;width:42px;height:42px;display:inline-flex}.workflow-tabs button span,.workflow-tabs button small,.summary-line span{display:block}.workflow-tabs button strong{color:var(--ink);font-weight:850;display:block}.workflow-tabs button small{font-weight:700}.workflow-tabs button.active{background:var(--surface-soft);color:var(--green-dark);border-color:#236b4452}.checkout-actions{border-top:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:14px;margin-top:22px;padding-top:18px;display:flex}.checkout-actions span{color:var(--muted);font-size:.92rem;font-weight:650}.order-summary-card h3,.tracking-header h3,.recent-orders-card h2{letter-spacing:0;font-weight:850}.summary-lines{gap:12px;margin-top:18px;display:grid}.summary-line{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding-bottom:12px;display:flex}.summary-line strong{display:block}.summary-line span{color:var(--muted);font-size:.9rem}.confirmation-section{background:#fffdf8}.confirmation-card{background:var(--green-dark);color:#fff;border-radius:8px;flex-direction:column;justify-content:center;height:100%;padding:28px;display:flex}.confirmation-card>i{color:var(--gold);margin-bottom:18px;font-size:2rem}.confirmation-card .eyebrow{color:var(--gold)}.confirmation-card h2{font-weight:850}.confirmation-card p{color:#ffffffc2}.reference-box{letter-spacing:.04em;text-align:center;background:#ffffff1a;border:1px solid #ffffff2e;border-radius:8px;margin:12px 0 18px;padding:16px;font-size:2rem;font-weight:850}.recent-order-list{gap:10px;display:grid}.recent-order{border:1px solid var(--line);text-align:left;background:#f8f7f2;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;min-height:68px;padding:12px;display:flex}.recent-order:hover{border-color:#236b4457}.recent-order span,.recent-order small{display:block}.recent-order strong{font-weight:850}.recent-order small{color:var(--muted);text-transform:capitalize;font-weight:700}.status-chip{color:#8b5a12;white-space:nowrap;background:#fff1df;border-radius:999px;flex:none;padding:7px 10px;font-size:.78rem;font-weight:850;display:inline-flex}.status-chip.large{background:var(--surface-soft);color:var(--green-dark);padding:9px 13px;font-size:.9rem}.tracking-section{background:#eef6ed}.tracking-search{width:100%;max-width:320px}.tracking-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:18px;padding-bottom:18px;display:flex}.tracking-header p{color:var(--muted);margin:4px 0 0;font-weight:700}.tracking-timeline{grid-template-columns:repeat(6,1fr);gap:12px;margin:22px 0;display:grid}.tracking-step{color:var(--muted);text-align:center;place-items:center;gap:8px;min-width:0;display:grid}.tracking-step span{border:1px solid var(--line);background:#f2f2ee;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;display:inline-flex}.tracking-step strong{font-size:.82rem;line-height:1.25}.tracking-step.done{color:var(--green-dark)}.tracking-step.done span{background:var(--green);border-color:var(--green);color:#fff}.tracked-details{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.tracked-details div{border:1px solid var(--line);background:#f8f7f2;border-radius:8px;min-height:86px;padding:14px}.tracked-details span,.tracked-details strong{display:block}.tracked-details span{color:var(--muted);margin-bottom:5px;font-size:.82rem;font-weight:800}.tracked-details strong{font-size:.98rem}.admin-shell{color:var(--ink);background:#f4f6f0;grid-template-columns:260px minmax(0,1fr);min-height:100vh;display:grid}.admin-sidebar{color:#fff;background:#10271b;min-height:100vh;padding:20px;position:sticky;top:0}.admin-brand{align-items:center;gap:12px;margin-bottom:28px;display:flex}.admin-brand span:last-child,.admin-brand strong,.admin-brand small{display:block}.admin-brand strong{font-size:1.1rem}.admin-brand small{color:#ffffffa3;font-weight:750}.admin-nav{gap:8px;display:grid}.admin-nav a{color:#ffffffc7;border-radius:8px;align-items:center;gap:10px;min-height:44px;padding:0 12px;font-weight:800;display:flex}.admin-nav a:hover{color:#fff;background:#ffffff1a}.admin-nav i{color:var(--gold);width:20px}.admin-main{gap:18px;min-width:0;padding:22px;display:grid}.admin-topbar{border:1px solid var(--line);background:#fff;border-radius:8px;justify-content:space-between;align-items:center;gap:18px;padding:18px;display:flex}.admin-topbar h1{letter-spacing:0;margin:4px 0 0;font-size:1.8rem;font-weight:850}.admin-metrics{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.admin-metric{border:1px solid var(--line);background:#fff;border-radius:8px;gap:8px;min-height:132px;padding:18px;display:grid}.admin-metric i{color:var(--green);font-size:1.35rem}.admin-metric span{color:var(--muted);font-weight:800}.admin-metric strong{font-size:1.65rem;font-weight:850;line-height:1}.admin-grid{grid-template-columns:repeat(12,1fr);gap:18px;display:grid}.span-5{grid-column:span 5}.span-6{grid-column:span 6}.span-7{grid-column:span 7}.admin-card{border:1px solid var(--line);background:#fff;border-radius:8px;min-width:0;padding:18px;box-shadow:0 14px 38px #18211d0d}.admin-card-header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;display:flex}.admin-card-header h2{letter-spacing:0;margin:4px 0 0;font-size:1.35rem;font-weight:850}.admin-filter{max-width:160px}.admin-order-list{gap:10px;display:grid}.admin-order-row{border:1px solid var(--line);text-align:left;background:#f8f7f2;border-radius:8px;grid-template-columns:1fr auto auto;align-items:center;gap:12px;min-height:68px;padding:12px;display:grid}.admin-order-row.active,.admin-order-row:hover{background:var(--surface-soft);border-color:#236b4459}.admin-order-row strong,.admin-order-row small{display:block}.admin-order-row small{color:var(--muted);text-transform:capitalize;font-weight:750}.order-detail{gap:14px;display:grid}.order-detail-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.order-detail-grid div{border:1px solid var(--line);background:#f8f7f2;border-radius:8px;min-height:76px;padding:12px}.order-detail-grid span,.order-detail-grid strong{display:block}.order-detail-grid span{color:var(--muted);margin-bottom:4px;font-size:.82rem;font-weight:800}.order-detail-grid strong{overflow-wrap:anywhere;text-transform:capitalize}.order-items-box{border-bottom:1px solid var(--line);border-top:1px solid var(--line);gap:10px;padding:10px 0;display:grid}.admin-note{color:#73500d;background:#fff8ea;border:1px solid #f1dcaa;border-radius:8px;margin:0;padding:12px;font-weight:700}.admin-table-wrap{overflow-x:auto}.admin-table{border-collapse:separate;border-spacing:0;width:100%;min-width:860px}.admin-table th{color:var(--muted);text-transform:uppercase;background:#f3f6ef;padding:12px;font-size:.8rem;font-weight:850}.admin-table td{border-bottom:1px solid var(--line);vertical-align:middle;padding:12px}.admin-table strong{font-weight:850;display:block}.stock-input{max-width:96px}.low-stock-inline{color:var(--red);align-items:center;gap:6px;margin-top:4px;font-size:.78rem;font-weight:850;display:inline-flex}.availability-toggle{border:1px solid var(--line);color:var(--muted);white-space:nowrap;background:#f1f2ee;border-radius:999px;align-items:center;gap:8px;min-height:36px;padding:0 12px 0 6px;font-weight:850;display:inline-flex}.availability-toggle span{background:#9aa29c;border-radius:50%;width:24px;height:24px;display:inline-flex}.availability-toggle.active{background:var(--surface-soft);color:var(--green-dark);border-color:#236b4447}.availability-toggle.active span{background:var(--green)}.delivery-zone-list,.settings-form{gap:12px;display:grid}.delivery-zone{border:1px solid var(--line);background:#f8f7f2;border-radius:8px;grid-template-columns:1fr 110px auto;align-items:center;gap:12px;padding:12px;display:grid}.delivery-zone strong,.delivery-zone span,.delivery-zone label,.settings-form label{display:block}.delivery-zone span{color:var(--muted);font-weight:750}.delivery-zone label,.settings-form label{color:var(--muted);font-size:.82rem;font-weight:850}.settings-form{align-items:start}.settings-form .form-control,.delivery-zone .form-control{margin-top:6px}.pickup-window-grid{grid-template-columns:1fr 1fr;gap:10px;width:100%;display:grid}.checkout-toggle{justify-content:flex-start;width:100%;min-height:38px}.addon-toggle-grid{flex-wrap:wrap;gap:10px;margin-bottom:14px;display:flex}.addon-template{color:var(--muted);font-size:.82rem;font-weight:850;display:block}.addon-template .form-control{margin-top:6px}.report-metrics{grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:16px;display:grid}.report-metrics div{border:1px solid var(--line);background:#f8f7f2;border-radius:8px;padding:14px}.report-metrics span,.report-metrics strong,.best-seller-row span,.best-seller-row small,.restock-row span,.restock-row small{display:block}.report-metrics span{color:var(--muted);font-size:.82rem;font-weight:850}.report-metrics strong{font-size:1.2rem;font-weight:850}.best-seller-list,.restock-list{gap:10px;display:grid}.best-seller-row,.restock-row{border:1px solid var(--line);background:#f8f7f2;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;min-height:64px;padding:12px;display:flex}.best-seller-row small,.restock-row small{color:var(--muted);font-weight:750}.login-page{background:#f3f6ef;justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.login-card{border:1px solid var(--line);background:#fff;border-radius:8px;width:100%;max-width:460px;padding:24px;box-shadow:0 24px 70px #18211d1f}.login-card .admin-brand{color:var(--ink)}.login-card h1{letter-spacing:0;margin:4px 0 18px;font-size:1.75rem;font-weight:850}.info-section{background:var(--green-dark)}.info-panel{color:#fff;background:#ffffff14;border:1px solid #ffffff24;border-radius:8px;height:100%;padding:22px}.info-panel i{color:var(--gold);margin-bottom:16px;font-size:1.45rem}.info-panel h3{font-size:1.15rem;font-weight:850}.info-panel p{color:#ffffffc7;margin:0}@media (max-width:991px){.admin-shell{grid-template-columns:1fr}.admin-sidebar{min-height:auto;position:static}.admin-nav{grid-template-columns:repeat(4,minmax(0,1fr))}.admin-metrics,.admin-grid{grid-template-columns:1fr 1fr}.span-5,.span-6,.span-7{grid-column:span 2}.hero-section{padding-top:36px}.hero-visual{min-height:340px}.cart-panel{position:static}.tracking-timeline,.tracked-details{grid-template-columns:1fr}.tracking-step{text-align:left;place-items:center start;display:flex}}@media (max-width:767px){.admin-main{padding:14px}.admin-topbar,.admin-card-header,.delivery-zone{flex-direction:column;align-items:stretch}.admin-topbar,.admin-card-header{display:flex}.admin-nav,.admin-metrics,.admin-grid,.order-detail-grid,.delivery-zone,.pickup-window-grid{grid-template-columns:1fr}.span-5,.span-6,.span-7{grid-column:span 1}.report-metrics{grid-template-columns:1fr}.admin-order-row{grid-template-columns:1fr;align-items:stretch}.section-heading{flex-direction:column;align-items:stretch}.hero-section h1{font-size:2.25rem}.hero-overlay{flex-direction:column;align-items:flex-start}.stat-tile{flex-direction:column;align-items:flex-start;gap:4px}.workflow-tabs{grid-template-columns:1fr}.tracking-header,.recent-order,.summary-line{flex-direction:column;align-items:stretch}.reference-box{font-size:1.55rem}}
