:root{--ink: #10281f;--ink-soft: #3d554a;--surface: #f2f7f3;--card: #ffffff;--line: #d8e4dc;--saffron: #e8a020;--saffron-deep: #c4860f;--chili: #c93a2b;--leaf: #1f6b4a;--radius: 14px;--font-display: "Bricolage Grotesque", system-ui, sans-serif;--font-body: "Public Sans", system-ui, sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, monospace}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{background:var(--surface);color:var(--ink);font-family:var(--font-body);font-size:15.5px;line-height:1.55}a{color:var(--leaf);text-decoration:none}a:hover{text-decoration:underline}:focus-visible{outline:3px solid var(--saffron);outline-offset:2px;border-radius:4px}h1,h2,h3{font-family:var(--font-display);line-height:1.12;margin:0 0 .4em}h1{font-size:clamp(2rem,5vw,3.4rem);font-weight:800;letter-spacing:-.02em}h2{font-size:1.5rem;font-weight:800}h3{font-size:1.12rem;font-weight:600}.container{max-width:1120px;margin:0 auto;padding:0 20px}.site-header{position:sticky;top:0;z-index:20;background:#f2f7f3eb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}.site-header .container{display:flex;align-items:center;gap:22px;height:64px}.brand{font-family:var(--font-display);font-weight:800;font-size:1.3rem;color:var(--ink);letter-spacing:-.02em;display:flex;align-items:center;gap:8px}.brand .dot{width:12px;height:12px;border-radius:50%;background:var(--saffron);display:inline-block}.nav{display:flex;gap:16px;margin-left:auto;align-items:center;font-weight:500}.nav a{color:var(--ink-soft)}.nav a:hover{color:var(--ink);text-decoration:none}.admin-badge{font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;background:var(--saffron);color:#201400;padding:3px 8px;border-radius:999px;margin-left:8px;vertical-align:middle}.merchant-identity{color:var(--ink-soft);font-size:13.5px;font-weight:600;border-right:1.5px solid var(--line);padding-right:16px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font:600 15px var(--font-body);border:none;cursor:pointer;padding:11px 20px;border-radius:999px;transition:transform .06s ease,background .15s}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--saffron);color:#201400}.btn-primary:hover{background:var(--saffron-deep)}.btn-ghost{background:transparent;color:var(--ink);border:1.5px solid var(--ink)}.btn-ghost:hover{background:var(--ink);color:#fff}.btn-danger{background:var(--chili);color:#fff}.btn[disabled]{opacity:.5;cursor:not-allowed}.btn-sm{padding:7px 14px;font-size:13.5px}label{display:block;font-weight:600;font-size:13.5px;margin:14px 0 5px}input,select,textarea{width:100%;padding:10px 12px;border:1.5px solid var(--line);border-radius:10px;font:400 15px var(--font-body);background:#fff;color:var(--ink)}input:focus,select:focus,textarea:focus{border-color:var(--leaf);outline:none}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.error-note{background:#fbe9e6;color:var(--chili);border:1px solid #f0c4bd;padding:10px 14px;border-radius:10px;margin:12px 0;font-size:14px}.ok-note{background:#e7f3ec;color:var(--leaf);border:1px solid #c4dfd0;padding:10px 14px;border-radius:10px;margin:12px 0;font-size:14px}@keyframes sb-rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes sb-pulse{0%,to{opacity:1}50%{opacity:.35}}.skeleton{background:var(--line);border-radius:8px;animation:sb-pulse 1.5s ease-in-out infinite}.hero{padding:64px 0 40px;position:relative;overflow:hidden;background:radial-gradient(115% 85% at 88% -15%,rgba(232,160,32,.2),transparent 55%),radial-gradient(95% 80% at -8% 8%,rgba(31,107,74,.16),transparent 52%)}.hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.05;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.hero .container{position:relative;z-index:1}.hero .eyebrow,.hero h1,.hero p.lede,.hero-filters{animation:sb-rise .6s cubic-bezier(.2,.7,.2,1) both}.hero h1{animation-delay:.06s}.hero p.lede{animation-delay:.12s}.hero-filters{animation-delay:.18s}.hero .eyebrow{font:600 12.5px var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--leaf);margin-bottom:14px}.hero p.lede{max-width:560px;color:var(--ink-soft);font-size:1.08rem}.hero-filters{display:flex;gap:12px;margin-top:26px;flex-wrap:wrap}.hero-filters select{width:auto;min-width:170px}.deal-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;padding:24px 0 64px}.deal-grid>*{animation:sb-rise .5s cubic-bezier(.2,.7,.2,1) both}.deal-grid>*:nth-child(2){animation-delay:.05s}.deal-grid>*:nth-child(3){animation-delay:.1s}.deal-grid>*:nth-child(4){animation-delay:.15s}.deal-grid>*:nth-child(5){animation-delay:.2s}.deal-grid>*:nth-child(6){animation-delay:.25s}.tag-card{position:relative;background:var(--card);border-radius:var(--radius);border:1px solid var(--line);overflow:hidden;display:flex;flex-direction:column;box-shadow:0 1px #10281f0a,0 6px 16px #10281f0d;transition:transform .14s ease,box-shadow .14s ease}.tag-card:hover{transform:translateY(-4px);box-shadow:0 16px 34px #10281f24}.tag-card:hover .stamp{transform:rotate(6deg) scale(1.07)}.tag-card:before{content:"";position:absolute;top:0;bottom:0;left:0;width:0;border-left:2px dashed var(--line);margin-left:12px}.tag-card .punch{position:absolute;top:16px;left:6px;width:13px;height:13px;border-radius:50%;background:var(--surface);border:1.5px solid var(--line);z-index:2}.tag-card .body{padding:18px 18px 16px 34px;display:flex;flex-direction:column;gap:7px;flex:1}.tag-card .merchant-line{font-size:13px;color:var(--ink-soft)}.tag-card h3{margin:0}.stamp{position:absolute;top:14px;right:14px;transform:rotate(6deg);font:600 12.5px var(--font-mono);color:var(--chili);border:2px solid var(--chili);border-radius:6px;padding:3px 8px;background:#fff;transition:transform .14s ease}.price-line{display:flex;align-items:baseline;gap:10px;margin-top:auto;padding-top:8px}.price-now{font:600 1.3rem var(--font-mono);color:var(--ink)}.price-was{font:500 .95rem var(--font-mono);color:var(--ink-soft);text-decoration:line-through}.chips{display:flex;gap:8px;flex-wrap:wrap}.chip{font:600 12px var(--font-mono);padding:4px 10px;border-radius:999px;background:var(--surface);color:var(--ink-soft);border:1px solid var(--line)}.chip.window{color:var(--leaf);border-color:#bcd9c9}.chip.urgent{color:var(--chili);border-color:#efc0b9;background:#fdf1ef}.chip.qty{color:var(--ink)}.panel{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:22px;margin:18px 0}.panel-title{display:flex;align-items:center;justify-content:space-between;gap:12px}.stat-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px;margin:14px 0}.stat{background:var(--surface);border-radius:10px;padding:14px}.stat .v{font:600 1.35rem var(--font-mono)}.stat .l{font-size:12.5px;color:var(--ink-soft)}table.data{width:100%;border-collapse:collapse;font-size:14px}table.data th{text-align:left;font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-soft);padding:8px 10px;border-bottom:1.5px solid var(--line)}table.data td{padding:10px;border-bottom:1px solid var(--line);vertical-align:top}.status-pill{font:600 12px var(--font-mono);padding:3px 10px;border-radius:999px;white-space:nowrap}.status-Paid,.status-Confirmed{background:#fdf3df;color:var(--saffron-deep)}.status-ReadyForPickup,.status-OutForDelivery{background:#e2eef7;color:#1e5a8a}.status-Completed{background:#e7f3ec;color:var(--leaf)}.status-Cancelled,.status-Refunded,.status-PendingPayment{background:#f4e6e4;color:var(--chili)}.tabs{display:flex;gap:6px;border-bottom:1.5px solid var(--line);margin-bottom:6px}.tabs button{background:none;border:none;padding:10px 16px;font:600 14.5px var(--font-body);color:var(--ink-soft);cursor:pointer;border-bottom:3px solid transparent}.tabs button.active{color:var(--ink);border-bottom-color:var(--saffron)}.auth-card{max-width:430px;margin:56px auto}.footer{border-top:1px solid var(--line);padding:28px 0 46px;color:var(--ink-soft);font-size:13.5px;margin-top:40px}.footer-social{display:flex;gap:10px;margin-bottom:14px}.social-link{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:var(--card);border:1.5px solid var(--line);color:var(--ink-soft);transition:color .15s,border-color .15s,background .15s}.social-link:hover{color:var(--leaf);border-color:var(--leaf);background:#fff}.footer-contact{margin-bottom:8px}.footer-contact a{color:var(--ink-soft)}.footer-contact a:hover{color:var(--ink)}.footer-tagline{max-width:620px}.pickup-code{font:600 2rem var(--font-mono);letter-spacing:.35em;color:var(--leaf)}@media (max-width: 640px){.field-row{grid-template-columns:1fr}.hero{padding:40px 0 24px}}@media (prefers-reduced-motion: reduce){.tag-card,.btn,.stamp{transition:none}.hero .eyebrow,.hero h1,.hero p.lede,.hero-filters,.deal-grid>*{animation:none}}