:root{color-scheme:light;--bg:#f2ede4;--surface:#fdfaf4;--surface-soft:#f7f2e8;--border:#ddd4c0;--text:#2c2417;--muted:#7a6a50;--accent:#b8860b;--accent-dark:#8b6914;--accent-light:#fef3cd;--accent-glow:rgba(184,134,11,0.20);--warn:#c47a1a;--danger:#b83030;--ready:#3d7a4a;--brand-blue:#5a4a2f;--shadow:0 8px 24px rgba(44,36,23,0.10);--input-bg:#fdfaf4;--surface-rgb:253,250,244;--top-bar-bg:rgba(242,237,228,0.97);--btn-secondary-bg:#fdfaf4;--btn-secondary-color:#2c2417;--grad-hero:linear-gradient(135deg,#fdf6e3,#f5e6c8 50%,#ede0b8);--grad-accent:linear-gradient(135deg,#c9881a,#8b6914);--grad-warm:linear-gradient(135deg,#fef3e2,#fde8c0);--grad-surface:linear-gradient(180deg,var(--surface) 0%,var(--surface-soft) 100%);--shadow-xs:0 1px 3px rgba(44,36,23,0.08);--shadow-sm:0 2px 8px rgba(44,36,23,0.08);--shadow-md:0 8px 24px rgba(44,36,23,0.12);--shadow-lg:0 16px 40px rgba(44,36,23,0.15);--shadow-xl:0 24px 60px rgba(44,36,23,0.18);--shadow-accent:0 8px 24px rgba(139,105,20,0.28);--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:2rem;--text-hero:clamp(2.2rem,5vw,3.5rem);--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-12:3rem;--radius-sm:8px;--radius-md:14px;--radius-lg:20px;--radius-xl:28px;--radius-2xl:36px;--radius-pill:999px;--ease-bounce:cubic-bezier(0.34,1.56,0.64,1);--ease-smooth:cubic-bezier(0.4,0,0.2,1);--duration-fast:0.15s;--duration-base:0.25s;--duration-slow:0.4s}*{box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:hidden}body{margin:0;font-family:Inter,Noto Sans TC,Arial,Helvetica,sans-serif;background:var(--bg);color:var(--text)}body,button,input,select,textarea{line-height:1.45}button,input,select,textarea{font:inherit}a,button,input,select,textarea{transition:box-shadow .15s ease,border-color .15s ease,transform .15s ease,background-color .15s ease}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid rgba(139,105,20,.25);outline-offset:2px}a{color:inherit;text-decoration:none}button{cursor:pointer;border:none;border-radius:var(--radius-md);background:var(--grad-accent);color:white;padding:.72rem 1rem;font-weight:700;box-shadow:0 4px 12px rgba(139,105,20,.22);letter-spacing:.01em}button:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-accent)}button:active:not(:disabled){transform:translateY(0) scale(.98)}button.secondary{background:var(--btn-secondary-bg);color:var(--btn-secondary-color);border:1px solid var(--border)}button.chip-button{border-radius:var(--radius-pill);padding:.5rem 1.1rem;font-size:var(--text-sm);box-shadow:none}button.chip-button.active{background:var(--grad-accent);color:white;box-shadow:0 4px 12px var(--accent-glow)}button.cta-btn{padding:.9rem 1.8rem;font-size:var(--text-lg);border-radius:var(--radius-pill);box-shadow:var(--shadow-accent)}button.warn{background:var(--warn)}button.ready{background:var(--ready)}button:disabled{cursor:not-allowed;opacity:.48}.page-shell{padding:1.5rem;display:flex;flex-direction:column;gap:1rem}.empty-state,.feature-card,.hero-card,.highlight-card,.info-strip,.kpi-card,.menu-card,.order-card,.panel,.stat-card,.status-banner,.table-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);transition:box-shadow var(--duration-base) var(--ease-smooth),transform var(--duration-base) var(--ease-smooth)}.card-interactive:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg)}.kpi-card{position:relative;overflow:hidden}.kpi-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--grad-accent);border-radius:var(--radius-sm) var(--radius-sm) 0 0}.empty-state,.feature-card,.hero-card,.highlight-card,.info-strip,.kpi-card,.menu-card,.order-card,.panel,.status-banner,.table-card{padding:1rem 1.2rem}.eyebrow,.muted,.pill,.subtle{color:var(--muted);font-size:.92rem}.top-bar{justify-content:space-between;padding:.65rem 1.2rem;background:var(--top-bar-bg);border-bottom:1px solid var(--border);position:-webkit-sticky;position:sticky;top:0;z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.top-bar,.top-bar-brand{display:flex;align-items:center}.top-bar-brand{gap:.5rem}.top-bar-logo{font-size:1.4rem}.top-bar-name{font-size:1rem;font-weight:800;color:var(--text);letter-spacing:-.02em}.hamburger-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:none;background:var(--bg);border-radius:10px;cursor:pointer;transition:background .15s}.hamburger-btn:hover{background:var(--border)}.hamburger-icon{display:block;position:relative}.hamburger-icon,.hamburger-icon:after,.hamburger-icon:before{width:20px;height:2px;background:var(--text);border-radius:2px}.hamburger-icon:after,.hamburger-icon:before{content:"";position:absolute;left:0}.hamburger-icon:before{top:-6px}.hamburger-icon:after{top:6px}.nav-overlay{position:fixed;inset:0;background:rgba(0,0,0,.4);z-index:998;opacity:0;pointer-events:none;transition:opacity .25s ease}.nav-overlay-visible{opacity:1;pointer-events:auto}.nav-drawer{position:fixed;top:0;right:0;width:280px;max-width:85vw;height:100dvh;background:var(--surface);z-index:999;transform:translateX(100%);transition:transform .28s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;box-shadow:-4px 0 24px rgba(0,0,0,.08)}.nav-drawer-open{transform:translateX(0)}.nav-drawer-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.2rem;border-bottom:1px solid var(--border)}.nav-drawer-brand{display:flex;align-items:center;gap:.6rem}.nav-drawer-logo{font-size:1.6rem}.nav-drawer-title{margin:0;font-size:1rem;font-weight:800}.nav-drawer-sub{margin:0;font-size:.75rem;color:var(--muted)}.nav-drawer-close{width:32px;height:32px;border:none;background:var(--bg);border-radius:8px;cursor:pointer;font-size:1rem;display:flex;align-items:center;justify-content:center;color:var(--muted);transition:background .15s}.nav-drawer-close:hover{background:var(--border)}.nav-drawer-links{flex:1 1;overflow-y:auto;padding:.5rem 0}.nav-drawer-link{display:flex;align-items:center;gap:.75rem;padding:.75rem 1.2rem;font-size:.92rem;color:var(--text);text-decoration:none;transition:background .12s}.nav-drawer-link-active,.nav-drawer-link:hover{background:var(--surface-soft)}.nav-drawer-link-active{color:var(--accent);font-weight:600;border-right:3px solid var(--accent)}.nav-drawer-link-icon{font-size:1.15rem;width:28px;text-align:center}.nav-drawer-footer{padding:1rem 1.2rem;border-top:1px solid var(--border)}.nav-drawer-logout{width:100%}.grid{display:grid;grid-gap:1rem;gap:1rem}.two-col{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.three-col{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.feature-card h2,.hero-card h1,.highlight-card h3,.kpi-card h3,.menu-card h3,.order-card h3,.panel h2,.table-card h3{margin:0 0 .6rem}.panel-header{display:flex;justify-content:space-between;gap:1rem;align-items:center;margin-bottom:1rem}.action-row,.form-grid,.hero-grid,.kpi-grid,.meta-row,.row,.stack{display:flex;gap:.75rem;flex-wrap:wrap}.stack{flex-direction:column}.form-grid,.hero-grid,.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.form-grid{grid-gap:.8rem;gap:.8rem}.field{display:flex;flex-direction:column;gap:.35rem}.field input,.field select,.field textarea,td input,td textarea{width:100%;padding:.7rem .8rem;border-radius:var(--radius-md);border:1.5px solid var(--border);background:var(--input-bg);color:var(--text);transition:border-color var(--duration-fast),box-shadow var(--duration-fast)}.field input:focus,.field select:focus,.field textarea:focus,td input:focus,td textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow);outline:none}textarea{resize:vertical}.badge{display:inline-flex;align-items:center;gap:.25rem;padding:.2rem .65rem;border-radius:var(--radius-pill);font-size:var(--text-xs);font-weight:600;letter-spacing:.02em}.badge-success{background:#dcfce7;color:#15803d}.badge-warn{background:#fef9c3;color:#a16207}.badge-danger{background:#fee2e2;color:#b91c1c}.badge-info{background:#dbeafe;color:#1d4ed8}.badge-neutral{background:var(--surface-soft);color:var(--muted)}.text-danger{color:var(--danger)}.text-warn{color:var(--warn)}.text-ready{color:var(--ready)}.text-muted{color:var(--muted)}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));grid-gap:1rem;gap:1rem}.kpi-card,.stat-card{padding:1rem}.kpi-card strong,.stat-card strong{display:block;font-size:1.6rem;margin-top:.5rem}.card-grid,.menu-grid,.order-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));grid-gap:1rem;gap:1rem}.tag-row{display:flex;gap:.4rem;flex-wrap:wrap;margin-top:.6rem}.segmented-tabs,.stepper{display:flex;gap:.6rem;flex-wrap:wrap}.source-tag,.status-tag,.tag{display:inline-flex;align-items:center;border-radius:999px;padding:.25rem .6rem;font-size:.85rem;font-weight:700}.tag{background:#f0e8d0;color:var(--accent-dark)}.source-tag{background:var(--surface-soft)}.status-tag[data-status=READY_FOR_PICKUP]{background:#e8f6ee;color:var(--ready)}.status-tag[data-status=IN_PREP]{background:#fff3db;color:var(--warn)}.status-tag[data-status=ACCEPTED],.status-tag[data-status=CREATED]{background:#f0e8d0;color:var(--brand-blue)}.status-tag[data-status=DONE],.status-tag[data-status=PICKED_UP],.status-tag[data-status=QUEUED]{background:var(--surface-soft);color:var(--muted)}.cart-line,.info-row,.line-row,.table-row{display:flex;justify-content:space-between;gap:.75rem;align-items:center;padding:.7rem 0;border-bottom:1px solid var(--border)}.cart-line:last-child,.info-row:last-child,.line-row:last-child,.table-row:last-child{border-bottom:none}.table-card{overflow:auto}table{width:100%;border-collapse:collapse}td,th{text-align:left;padding:.65rem;border-bottom:1px solid var(--border);vertical-align:top}.info-strip,.status-banner{display:flex;justify-content:space-between;gap:1rem;align-items:center}.info-strip{background:var(--surface-soft)}.highlight-card{background:linear-gradient(160deg,#fdf6e3 0,var(--surface) 100%);border-color:rgba(139,105,20,.2)}.highlight-card h3,.highlight-card p,.highlight-card strong{color:var(--text)}.empty-state{text-align:center;color:var(--muted)}.realtime-indicator{display:inline-flex;align-items:flex-start;gap:.65rem;padding:.7rem .9rem;border-radius:16px;border:1px solid var(--border);background:var(--surface-soft);max-width:100%}.realtime-indicator-dot{width:10px;height:10px;border-radius:999px;margin-top:.35rem;background:currentColor;flex-shrink:0}.realtime-indicator[data-tone=live]{color:var(--ready);border-color:rgba(61,122,74,.2);background:#e8f0e4}.realtime-indicator[data-tone=connecting]{color:var(--brand-blue);border-color:rgba(90,74,47,.18);background:var(--surface-soft)}.realtime-indicator[data-tone=warning]{color:var(--warn);border-color:rgba(196,122,26,.22);background:#f5ead0}.realtime-indicator[data-tone=polling]{color:var(--muted);border-color:var(--border);background:var(--surface-soft)}.realtime-indicator[data-tone=error]{color:var(--danger);border-color:rgba(184,48,48,.18);background:#f5ddd8}.realtime-indicator strong{font-size:.95rem}.board-code{font-size:2.2rem;letter-spacing:.12em;font-weight:800}.mono{font-family:Courier New,Courier,monospace}.caption{font-size:.82rem;color:var(--muted)}.sticky-checkout-bar{position:-webkit-sticky;position:sticky;bottom:1rem;display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.9rem 1rem;border-radius:18px;background:rgba(44,36,23,.94);color:#fdfaf4;box-shadow:0 18px 36px rgba(44,36,23,.22)}.sticky-checkout-bar .caption{color:rgba(255,255,255,.78)}.progress-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));grid-gap:.8rem;gap:.8rem}.progress-step{display:flex;flex-direction:column;gap:.45rem;padding:.9rem;border:1px solid var(--border);border-radius:16px;background:var(--surface-soft);color:var(--muted)}.progress-step.active{border-color:rgba(139,105,20,.28);background:#f5ead0;color:var(--text)}.progress-dot{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:var(--border);color:var(--muted);font-weight:800}.progress-step.active .progress-dot{background:var(--accent);color:white}.admin-shell{gap:1.25rem;max-width:100%;overflow-x:hidden;min-width:0}.admin-shell .panel,.admin-shell .table-card,.admin-shell section{min-width:0;max-width:100%;overflow-x:auto}.admin-shell table{min-width:0;word-break:break-word}.admin-shell input,.admin-shell select,.admin-shell textarea{max-width:100%;box-sizing:border-box}.admin-shell .status-banner{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(320px,.8fr);align-items:stretch;grid-gap:1rem;gap:1rem;padding:clamp(1rem,2vw,1.4rem);border-radius:30px;border:1px solid var(--border);background:radial-gradient(circle at top left,rgba(139,105,20,.1),transparent 28%),linear-gradient(135deg,var(--surface) 0,var(--surface-soft) 100%);box-shadow:var(--shadow)}.admin-shell .status-banner h1{font-size:clamp(2rem,4vw,3.2rem);line-height:.98;letter-spacing:-.04em;margin:.2rem 0 .75rem;max-width:10ch}.admin-shell .status-banner .muted{max-width:60ch;color:var(--muted)}.admin-hero-copy{display:grid;grid-gap:1rem;gap:1rem}.admin-hero-chip-row{display:flex;gap:.55rem;flex-wrap:wrap}.admin-hero-chip,.admin-quick-link{display:inline-flex;align-items:center;min-height:34px;padding:.42rem .82rem;border-radius:999px;border:1px solid var(--border);background:var(--surface);color:var(--muted);font-size:.84rem;font-weight:700}.admin-hero-stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));grid-gap:.75rem;gap:.75rem}.admin-hero-stat-card{padding:.9rem .95rem;border-radius:22px;border:1px solid var(--border);background:var(--surface)}.admin-hero-stat-card span{display:block;font-size:.8rem;color:var(--muted)}.admin-hero-stat-card strong{display:block;margin-top:.4rem;font-size:1.28rem;line-height:1.15}.admin-hero-actions{padding:1rem;border-radius:26px;border:1px solid var(--border);background:var(--surface);justify-content:space-between}.admin-hero-actions-head{display:grid;grid-gap:.25rem;gap:.25rem}.admin-hero-actions-head strong{font-size:1.1rem}.admin-tab-bar{display:flex;flex-wrap:wrap;gap:.25rem;padding:.5rem 0;border-bottom:2px solid var(--border,#e5e7eb);z-index:10;background:var(--bg,#fff)}.admin-tab{padding:.5rem 1rem;border:none;border-radius:.5rem .5rem 0 0;background:transparent;cursor:pointer;font-size:.85rem;transition:all .15s;font-family:inherit}.admin-tab:hover{background:var(--surface-soft,#f9fafb)}.admin-tab.active{background:var(--surface,#f3f4f6);color:var(--text,#111);font-weight:600;box-shadow:0 2px 0 var(--primary,#06c755)}.admin-quick-nav{display:flex;gap:.65rem;flex-wrap:wrap;padding:.2rem 0}.admin-quick-link{background:var(--surface)}.admin-quick-link:hover{border-color:var(--accent);color:var(--accent-dark);transform:translateY(-1px)}.admin-feedback-banner{margin:0;padding:.85rem 1rem;border-radius:18px;border:1px solid transparent;font-weight:700}.admin-feedback-banner[data-tone=success]{background:#edf9f0;border-color:rgba(20,128,74,.16);color:var(--ready)}.admin-feedback-banner[data-tone=danger]{background:#fff1f1;border-color:rgba(216,57,57,.16);color:var(--danger)}.admin-summary-strip{border-radius:26px;border:1px solid var(--border);background:var(--surface)}.admin-kpi-band .stat-card,.admin-shell .highlight-card,.admin-shell .kpi-card,.admin-shell .panel,.admin-shell .table-card{border-color:var(--border)}.admin-kpi-band .stat-card{border-radius:22px;background:var(--surface)}.admin-shell .panel{border-radius:28px;background:var(--surface)}.admin-shell .panel-header{align-items:flex-end;padding-bottom:.85rem;margin-bottom:1.1rem;border-bottom:1px solid var(--border)}.admin-shell .panel-header h2{font-size:clamp(1.2rem,2vw,1.55rem);letter-spacing:-.03em}.admin-shell .pill{padding:.3rem .72rem;border-radius:999px;border:1px solid var(--border);background:var(--surface-soft);color:var(--muted)}.admin-shell .table-card{border-radius:22px;background:var(--surface)}.admin-shell tbody tr{transition:background-color .18s ease}.admin-shell tbody tr:hover{background:var(--surface-soft)}.admin-section-anchor{scroll-margin-top:96px}.customer-shell{gap:1.2rem}.customer-hero{grid-template-columns:minmax(0,1.35fr) minmax(320px,.8fr);padding:clamp(1rem,2vw,1.4rem);border-radius:30px;border:1px solid var(--border);background:radial-gradient(circle at top left,rgba(139,105,20,.1),transparent 28%),linear-gradient(135deg,var(--surface) 0,var(--surface-soft) 100%);box-shadow:var(--shadow)}.customer-hero,.customer-hero-copy{display:grid;grid-gap:1rem;gap:1rem}.customer-hero h1{margin:.15rem 0 .65rem;max-width:8ch;font-size:clamp(2rem,4vw,3.35rem);line-height:.96;letter-spacing:-.045em}.customer-hero .muted{max-width:58ch;color:var(--muted)}.customer-hero-chip-row{display:flex;gap:.5rem;flex-wrap:wrap}.customer-hero-chip{display:inline-flex;align-items:center;min-height:34px;padding:.42rem .82rem;border-radius:999px;border:1px solid var(--border);background:var(--surface);color:var(--muted);font-size:.84rem;font-weight:700}.customer-progress-steps{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.customer-hero-aside{display:grid;grid-gap:.85rem;gap:.85rem}.customer-assurance-card,.customer-feature-card,.customer-member-card{padding:1rem;border-radius:24px;border:1px solid rgba(23,32,51,.08);box-shadow:0 12px 30px rgba(23,32,51,.06)}.customer-member-card{background:var(--surface)}.customer-member-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:.65rem;gap:.65rem}.customer-member-grid>div{padding:.8rem .85rem;border-radius:18px;border:1px solid var(--border);background:var(--surface-soft)}.customer-inline-qty,.customer-member-grid span{color:var(--muted);font-size:.8rem}.customer-member-grid strong{display:block;margin-top:.35rem}.customer-feature-card{background:linear-gradient(160deg,#f5ead0 0,var(--surface) 80%)}.customer-assurance-card h3,.customer-feature-card h3{margin:.25rem 0 .55rem;font-size:1.35rem;line-height:1.1}.customer-assurance-card p,.customer-feature-card p{color:var(--muted)}.customer-kpi-grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}.customer-kpi-card{border-radius:22px;background:var(--surface)}.customer-order-form{align-items:end}.customer-store-strip{border-radius:20px}.customer-assurance-card,.customer-store-strip{background:var(--surface-soft)}.customer-bullet-list{margin:.85rem 0 0;padding-left:1.1rem;color:var(--muted)}.customer-bullet-list li+li{margin-top:.45rem}.customer-menu-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.customer-menu-card{border-radius:24px;border:1px solid var(--border);background:var(--surface)}.customer-menu-meta{justify-content:space-between}.customer-menu-description{color:var(--muted);min-height:2.9em}.customer-menu-price{display:block;font-size:1.55rem;margin-top:.85rem}.customer-cart-line{align-items:center}.customer-checkout-grid{align-items:start}.customer-checkout-summary{padding:.95rem 1rem;border-radius:18px;border:1px solid var(--border);background:var(--surface-soft)}.customer-warning-stack{padding:.85rem .95rem;border-radius:16px;background:#fff5f4;border:1px solid rgba(216,57,57,.12)}.customer-sticky-checkout{border:1px solid rgba(253,250,244,.12);background:rgba(44,36,23,.95)}.landing-shell{gap:1.2rem}.landing-hero{grid-template-columns:minmax(0,1.35fr) minmax(320px,.8fr);padding:clamp(1.1rem,2vw,1.5rem);border-radius:30px;border:1px solid var(--border);background:radial-gradient(circle at top left,rgba(139,105,20,.1),transparent 30%),linear-gradient(135deg,var(--surface) 0,var(--surface-soft) 100%);box-shadow:var(--shadow)}.landing-hero,.landing-hero-copy{display:grid;grid-gap:1rem;gap:1rem}.landing-hero h1{margin:.2rem 0 .7rem;max-width:12ch;font-size:clamp(2.1rem,4vw,3.5rem);line-height:.98;letter-spacing:-.045em}.landing-hero-copy p:not(.eyebrow){max-width:58ch;color:var(--muted)}.board-chip-row,.landing-chip-row,.tracking-chip-row{display:flex;gap:.5rem;flex-wrap:wrap}.board-chip,.landing-chip,.tracking-chip{display:inline-flex;align-items:center;min-height:34px;padding:.42rem .82rem;border-radius:999px;border:1px solid var(--border);background:var(--surface);color:var(--muted);font-size:.84rem;font-weight:700}.board-hero-side,.landing-hero-panel,.tracking-hero-card{padding:1rem;border-radius:24px;border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow)}.landing-stat-list,.tracking-mini-grid{display:grid;grid-gap:.7rem;gap:.7rem}.landing-stat-list>div,.tracking-mini-grid>div{padding:.8rem .9rem;border-radius:18px;border:1px solid var(--border);background:var(--surface-soft)}.landing-stat-list span,.tracking-mini-grid span{display:block;color:var(--muted);font-size:.8rem}.landing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));grid-gap:1rem;gap:1rem}.landing-card{display:grid;grid-gap:.8rem;gap:.8rem;border-radius:26px;background:var(--surface)}.landing-card-head{display:flex;align-items:center;gap:.6rem}.landing-card-head h2{font-size:1.15rem;font-weight:800;margin:0}.landing-card-icon{font-size:1.5rem;width:42px;height:42px;display:flex;align-items:center;justify-content:center;background:var(--surface-soft);border-radius:12px;flex-shrink:0}.landing-card-desc{font-size:.88rem;color:var(--muted);line-height:1.55;margin:.3rem 0 0}.landing-card-cta{font-weight:700;font-size:.88rem;color:var(--accent-dark);margin-top:auto}.landing-hero-sub{font-size:.95rem;line-height:1.7;color:var(--muted)}.board-shell,.tracking-shell{gap:1.2rem}.board-hero,.tracking-hero{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.8fr);grid-gap:1rem;gap:1rem;padding:clamp(1rem,2vw,1.35rem);border-radius:28px;border:1px solid rgba(23,32,51,.08);box-shadow:0 16px 36px rgba(23,32,51,.08)}.board-hero,.tracking-hero{background:linear-gradient(135deg,var(--surface) 0,var(--surface-soft) 100%)}.board-hero h1,.tracking-hero h1{margin:.2rem 0 .6rem;letter-spacing:-.04em;line-height:.98}.tracking-hero-card strong{font-size:1.8rem;line-height:1.1}.board-entry-card,.board-kpi-card,.board-ready-card,.tracking-kpi-card{border-radius:22px}.board-side-note,.tracking-reminder-card{margin-top:1rem;padding:.9rem 1rem;border-radius:18px;border:1px solid var(--border);background:var(--surface-soft)}.board-side-note .caption,.tracking-reminder-card p{margin:.25rem 0 0;color:var(--muted)}.board-card-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.board-entry-card,.board-ready-card{text-align:center}.board-ready-card{background:linear-gradient(160deg,#d4e8d4 0,var(--surface) 100%)}.counter-shell,.kitchen-shell{gap:1.2rem}.ops-hero{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.82fr);grid-gap:1rem;gap:1rem;padding:clamp(1rem,2vw,1.4rem);border-radius:30px;border:1px solid rgba(23,32,51,.08);box-shadow:0 18px 42px rgba(23,32,51,.08)}.counter-hero{background:radial-gradient(circle at top left,rgba(139,105,20,.1),transparent 28%),linear-gradient(135deg,var(--surface) 0,var(--surface-soft) 100%)}.kitchen-hero{background:radial-gradient(circle at top left,rgba(196,122,26,.12),transparent 26%),linear-gradient(135deg,var(--surface) 0,var(--surface-soft) 100%)}.ops-hero-copy{display:grid}.ops-hero-copy h1{margin:.2rem 0 .65rem;max-width:13ch;font-size:clamp(2rem,4vw,3.3rem);line-height:.98;letter-spacing:-.045em}.ops-hero-copy .muted{max-width:60ch;color:var(--muted)}.ops-chip-row{display:flex;gap:.55rem;flex-wrap:wrap}.ops-chip{display:inline-flex;align-items:center;min-height:34px;padding:.42rem .82rem;border-radius:999px;border:1px solid var(--border);color:var(--muted);font-size:.84rem;font-weight:700}.ops-chip,.ops-hero-side{background:var(--surface)}.ops-hero-side{display:grid;grid-gap:.9rem;gap:.9rem;align-content:start;padding:1rem;border-radius:24px;border:1px solid var(--border);box-shadow:var(--shadow)}.counter-hero-band,.kitchen-hero-band{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:.75rem;gap:.75rem}.counter-hero-band>div,.kitchen-hero-band>div,.ops-stat-grid>div{padding:.85rem .95rem;border-radius:20px;border:1px solid var(--border);background:var(--surface-soft)}.counter-hero-band span,.kitchen-hero-band span,.ops-stat-grid span{display:block;color:var(--muted);font-size:.8rem}.counter-hero-band strong,.kitchen-hero-band strong,.ops-stat-grid strong{display:block;margin-top:.35rem;line-height:1.15}.counter-hero-band strong,.kitchen-hero-band strong{font-size:1.05rem}.ops-stat-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:.75rem;gap:.75rem}.ops-stat-grid strong{font-size:1.45rem}.ops-priority-card{padding:.95rem 1rem;border-radius:22px;border:1px solid var(--border);background:var(--surface-soft)}.ops-priority-card strong{display:block;font-size:1.1rem;line-height:1.2}.ops-priority-card .caption{display:block;margin-top:.45rem;color:var(--muted)}.counter-kpi-card,.kitchen-kpi-card{border-radius:24px}.counter-kpi-card,.kitchen-kpi-card{background:var(--surface)}.counter-form-grid{padding:.9rem;border-radius:22px;border:1px solid var(--border);background:var(--surface-soft)}.counter-menu-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.counter-menu-card{display:grid;grid-gap:1rem;gap:1rem;min-height:100%;border-radius:24px;background:var(--surface)}.counter-menu-meta{align-items:center}.counter-menu-copy{display:grid;grid-gap:.35rem;gap:.35rem}.counter-menu-copy .caption{color:var(--muted)}.counter-menu-footer{display:flex;justify-content:space-between;align-items:flex-end;gap:1rem;margin-top:auto}.counter-stepper{align-items:center}.counter-stepper button{min-width:42px;padding-inline:.85rem}.counter-cart-summary{display:flex;justify-content:space-between;align-items:flex-end;gap:1rem;padding:1rem;margin-bottom:1rem;border-radius:24px;border:1px solid var(--border);background:var(--surface-soft)}.counter-cart-summary strong,.counter-cart-summary-total strong{display:block}.counter-cart-summary-total{text-align:right}.counter-cart-summary-total span{display:block;color:var(--muted);font-size:.8rem}.counter-cart-line{padding-block:.8rem}.counter-info-strip{background:var(--surface-soft)}.counter-cart-actions button{min-width:180px}.counter-order-stack,.kitchen-column-stack{gap:.9rem}.ops-order-card{display:grid;grid-gap:.7rem;gap:.7rem;border-radius:24px;border:1px solid var(--border);background:var(--surface);box-shadow:none}.ops-order-subline{display:flex;gap:.55rem .9rem;flex-wrap:wrap;color:var(--muted);font-size:.84rem}.ops-tag-row{margin-top:.1rem}.ready-lift-card{background:linear-gradient(160deg,var(--surface) 0,#e8f0e4 100%)}.notify-card{background:linear-gradient(160deg,var(--surface) 0,#f5ead0 100%)}.kitchen-order-card-urgent{border-color:rgba(216,57,57,.16);background:linear-gradient(180deg,#fff9f8,#fff3f1)}.kitchen-line-stack{gap:.65rem}.kitchen-line-row{align-items:flex-start}.kitchen-line-row button{white-space:nowrap}.kitchen-finish-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.kitchen-finish-card{background:linear-gradient(160deg,#e8f0e4 0,var(--surface) 100%)}.rollout-board{display:grid;grid-gap:1.25rem;gap:1.25rem}.rollout-band,.rollout-footnote-card,.rollout-hero{border:1px solid var(--border);border-radius:28px;background:var(--surface);box-shadow:var(--shadow)}.rollout-hero{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(280px,.9fr);grid-gap:1rem;gap:1rem;padding:clamp(1rem,2vw,1.35rem);background:linear-gradient(135deg,var(--surface) 0,var(--surface-soft) 100%)}.rollout-hero[data-tone=WARNING]{background:linear-gradient(135deg,#fffaf1,#fff6e7 55%,#fffdf7)}.rollout-hero[data-tone=BLOCKED]{background:linear-gradient(135deg,#fff8f5,#fff0ee 55%,#fffdf9)}.rollout-band,.rollout-footnote-card{padding:1rem 1.1rem}.rollout-kicker{margin:0;color:var(--muted);font-size:.76rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.rollout-band h3,.rollout-footnote-card h3,.rollout-gate-card h3,.rollout-hero h3{margin:0;font-size:clamp(1.15rem,1.5vw,1.55rem);line-height:1.12;letter-spacing:-.02em}.rollout-lead{margin:0;max-width:64ch;color:var(--muted)}.rollout-chip-row{display:flex;gap:.45rem;flex-wrap:wrap}.rollout-chip{display:inline-flex;align-items:center;min-height:32px;padding:.35rem .72rem;border-radius:999px;border:1px solid transparent;font-size:.8rem;font-weight:700;line-height:1.2}.rollout-chip[data-tone=neutral]{background:var(--surface-soft);border-color:var(--border);color:var(--muted)}.rollout-chip[data-tone=READY]{background:#eaf8ef;border-color:rgba(20,128,74,.18);color:var(--ready)}.rollout-chip[data-tone=WARNING]{background:#fff5e6;border-color:rgba(221,138,19,.2);color:var(--warn)}.rollout-chip[data-tone=BLOCKED]{background:#fff0ef;border-color:rgba(216,57,57,.2);color:var(--danger)}.rollout-gate-grid,.rollout-stat-grid,.rollout-storage-grid{display:grid;grid-gap:.8rem;gap:.8rem}.rollout-stat-grid{grid-template-columns:repeat(auto-fit,minmax(155px,1fr))}.rollout-priority-list>div,.rollout-stat-card,.rollout-storage-card{border:1px solid var(--border);border-radius:20px;background:var(--surface)}.rollout-stat-card{padding:.85rem .95rem}.rollout-gate-metrics span,.rollout-note-block span,.rollout-priority-list span,.rollout-stat-card span,.rollout-storage-card span{display:block;color:var(--muted);font-size:.78rem;margin-bottom:.35rem}.rollout-stat-card strong{display:block;font-size:1.28rem;line-height:1.2}.rollout-priority-card{display:flex;flex-direction:column;gap:.85rem;padding:1rem;border-radius:24px;border:1px solid var(--border);background:var(--surface)}.rollout-priority-card p{margin:0;color:var(--muted)}.rollout-priority-card strong{font-size:1.1rem;line-height:1.3}.rollout-priority-list{display:grid;grid-gap:.65rem;gap:.65rem}.rollout-priority-list>div{padding:.8rem .9rem}.rollout-gate-metrics strong,.rollout-priority-list strong,.rollout-storage-card strong{display:block;color:var(--text)}.rollout-section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:1rem;margin-bottom:1rem}.rollout-section-head p{margin:0}.rollout-storage-grid{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}.rollout-storage-card{padding:.95rem 1rem}.rollout-storage-card[data-mode=APP_STATE]{background:linear-gradient(180deg,var(--surface) 0,#f5ead0 100%)}.rollout-storage-card[data-mode=DUAL_WRITE]{background:linear-gradient(180deg,var(--surface) 0,#e8f0e4 100%)}.rollout-storage-card[data-mode=PRISMA]{background:linear-gradient(180deg,var(--surface) 0,#e4ecdd 100%)}.rollout-gate-description,.rollout-note-block p,.rollout-readmodel-summary,.rollout-storage-card p{margin:0;color:var(--muted)}.rollout-gate-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.rollout-gate-card{display:grid;grid-gap:.9rem;gap:.9rem;padding:1rem;border-radius:24px;border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow)}.rollout-gate-card[data-status=READY]{background:linear-gradient(180deg,var(--surface) 0,#e8f0e4 100%)}.rollout-gate-card[data-status=WARNING]{background:linear-gradient(180deg,var(--surface) 0,#f5ead0 100%)}.rollout-gate-card[data-status=BLOCKED]{background:linear-gradient(180deg,var(--surface) 0,#f5ddd8 100%)}.rollout-gate-head{display:flex;justify-content:space-between;gap:.75rem;align-items:flex-start}.rollout-gate-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:.65rem;gap:.65rem}.rollout-gate-metrics>div,.rollout-note-block,.rollout-readmodel-card{border:1px solid var(--border);border-radius:18px;background:var(--surface)}.rollout-gate-metrics>div{padding:.8rem .85rem}.rollout-note-block{padding:.85rem .95rem}.rollout-bottom-grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);grid-gap:1rem;gap:1rem}.rollout-list{margin:.75rem 0 0;padding-left:1.1rem;color:var(--muted)}.rollout-list li+li{margin-top:.45rem}.rollout-readmodel-list{display:grid;grid-gap:.75rem;gap:.75rem;margin-top:.85rem}.rollout-readmodel-card{padding:.9rem 1rem}.mall-hero{background:radial-gradient(circle at top left,rgba(139,105,20,.1),transparent 30%),linear-gradient(135deg,var(--surface) 0,var(--surface-soft) 100%)}.mall-hero h1{font-size:clamp(1.8rem,3.5vw,2.6rem);letter-spacing:-.03em;margin:.3rem 0 .6rem}.mall-tabs{display:flex;gap:.25rem;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:.5rem;background:var(--surface-soft)}.mall-tabs,.mall-tabs button{border-radius:var(--radius-pill)}.mall-tabs button{background:transparent;color:var(--muted);box-shadow:none;padding:.45rem 1rem;font-weight:500;font-size:var(--text-sm);transition:all var(--duration-fast) var(--ease-smooth)}.mall-tabs button:hover:not(:disabled){background:rgba(255,255,255,.6);transform:none;box-shadow:none}.mall-tabs button.active{background:white;color:var(--accent);font-weight:700;box-shadow:var(--shadow-sm)}.mall-tabs::-webkit-scrollbar{display:none}.mall-product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));grid-gap:1rem;gap:1rem}.mall-product-card{display:flex;flex-direction:column;transition:transform .15s ease,box-shadow .15s ease}.mall-product-card:hover{transform:translateY(-2px);box-shadow:0 16px 40px rgba(23,32,51,.12)}.mall-product-category{font-size:.78rem;color:var(--muted);font-weight:600;text-transform:uppercase}.mall-product-price-row{display:flex;justify-content:space-between;align-items:baseline;margin-top:auto;padding-top:.6rem}.mall-price{font-size:1.25rem;font-weight:800;color:#ea580c}.mall-cart-row{display:flex;align-items:center;gap:1rem;padding:.8rem 0;border-bottom:1px solid var(--border)}.mall-cart-controls{display:flex;align-items:center;gap:.4rem}.mall-checkout-summary{margin-top:1rem;padding:1.2rem;background:#f5ead0;border-radius:16px;border:1px solid var(--border)}.mall-status{display:inline-block;padding:.2rem .7rem;border-radius:999px;font-size:.78rem;font-weight:700}.mall-status-confirmed,.mall-status-pending,.mall-status-processing{background:#fef3c7;color:#92400e}.mall-status-shipped{background:#dbeafe;color:#1e40af}.mall-status-delivered{background:#dcfce7;color:#166534}.mall-status-cancelled{background:#fee2e2;color:#991b1b}.member-hero-card{background:linear-gradient(135deg,#f97316,#ea580c 60%,#c2410c);border-radius:24px;padding:1.5rem;color:white;box-shadow:0 12px 30px rgba(234,88,12,.25)}.member-hero-top{display:flex;align-items:center;gap:1rem}.member-hero-avatar{flex-shrink:0}.member-avatar-placeholder{display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:50%;background:rgba(255,255,255,.25);font-size:1.5rem}.member-hero-name{font-size:1.15rem;font-weight:700;margin-bottom:.25rem}.member-tier-badge{display:inline-block;padding:.15rem .6rem;border-radius:999px;font-size:.78rem;font-weight:600;color:white}.member-hero-points{margin-top:1rem;padding:.8rem 1rem;background:rgba(255,255,255,.18);border-radius:14px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.member-hero-points-label{font-size:.82rem;opacity:.85}.member-hero-points-value{font-size:2rem;font-weight:800;line-height:1.2}.member-hero-points-unit{font-size:.9rem;font-weight:400;opacity:.8}.member-tier-progress-wrap{margin-top:.8rem;padding:.6rem 1rem;background:rgba(255,255,255,.12);border-radius:12px}.member-tier-progress-info{display:flex;justify-content:space-between;font-size:.78rem;opacity:.9;margin-bottom:.4rem}.member-tier-progress-bar{height:6px;background:rgba(255,255,255,.2);border-radius:3px;overflow:hidden}.member-tier-progress-fill{height:100%;background:white;border-radius:3px;transition:width .5s ease}.member-nav{display:flex;gap:.25rem;background:var(--surface-soft);padding:.3rem;border-radius:16px;border:1px solid var(--border);overflow-x:auto;-webkit-overflow-scrolling:touch}.member-nav-btn{flex:1 1;min-width:0;display:flex;flex-direction:column;align-items:center;gap:.15rem;padding:.5rem .3rem;border-radius:12px;border:none;background:transparent;font-size:.75rem;color:var(--muted);cursor:pointer;transition:all .2s}.member-nav-btn.active{background:var(--text);color:white}.member-nav-icon{font-size:1.1rem}.member-nav-label{font-weight:600;white-space:nowrap}.member-home-grid{display:flex;flex-direction:column;gap:.7rem}.member-quick-stats{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:.6rem;gap:.6rem}.member-stat-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:1rem .6rem;text-align:center;cursor:pointer;transition:all .2s}.member-stat-card:hover{border-color:var(--accent)}.member-stat-number{display:block;font-size:1.5rem;font-weight:800;color:var(--accent-dark)}.member-stat-label{display:block;font-size:.78rem;color:var(--muted);margin-top:.15rem}.member-info-card{display:flex;gap:.8rem;padding:1rem 1.1rem}.member-info-icon{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.1rem;flex-shrink:0}.member-info-title{font-weight:700;font-size:.95rem;margin:0 0 .25rem}.member-info-desc{font-size:.85rem;line-height:1.6}.member-empty{text-align:center;padding:2.5rem 1rem}.member-empty-icon{font-size:2.5rem;margin-bottom:.5rem}.member-section-title{font-weight:700;font-size:.95rem;margin:1.2rem 0 .6rem;color:var(--text)}.member-stamps-section{display:flex;flex-direction:column;gap:.8rem}.stamp-card-container{background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:1.2rem}.stamp-card-completed{opacity:.6}.stamp-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.3rem}.stamp-card-header h3{font-weight:700;font-size:1rem;margin:0}.stamp-card-progress{font-weight:700;font-size:.9rem;color:var(--accent-dark)}.stamp-card-reward{font-size:.85rem;margin-bottom:.8rem}.stamp-card-badge-done{font-size:.82rem;color:#16a34a;font-weight:600}.stamp-grid{display:grid;grid-template-columns:repeat(5,1fr);grid-gap:.5rem;gap:.5rem;margin-bottom:.6rem}.stamp-slot{aspect-ratio:1;border-radius:50%;border:2px dashed var(--border);display:flex;align-items:center;justify-content:center;font-size:1.2rem;background:var(--surface-soft);transition:all .3s}.stamp-slot.stamp-filled{border-style:solid;border-color:var(--accent);background:#fff7ed;animation:stamp-pop .3s ease}.stamp-number{font-size:.75rem;color:var(--muted)}.stamp-demo-btn{width:100%;margin-top:.4rem;border-radius:12px;font-size:.85rem}@keyframes stamp-pop{0%{transform:scale(.8)}50%{transform:scale(1.15)}to{transform:scale(1)}}.member-coupons-section{display:flex;flex-direction:column;gap:.7rem}.coupon-filter-row{display:flex;gap:.3rem;background:var(--surface-soft);padding:.25rem;border-radius:12px;border:1px solid var(--border)}.coupon-filter-btn{flex:1 1;border:none;background:transparent;padding:.45rem .3rem;border-radius:10px;font-size:.8rem;font-weight:600;color:var(--muted);cursor:pointer;transition:all .2s}.coupon-filter-btn.active{background:var(--text);color:white}.coupon-card{display:flex;border:1px solid var(--border);border-radius:16px;overflow:hidden;background:var(--surface);transition:all .2s}.coupon-card:hover{border-color:var(--accent)}.coupon-expired,.coupon-used{opacity:.55}.coupon-left{width:90px;flex-shrink:0;background:linear-gradient(135deg,#f97316,#ea580c);color:white;display:flex;align-items:center;justify-content:center;position:relative}.coupon-left:after{content:"";position:absolute;right:-6px;top:50%;transform:translateY(-50%);width:12px;height:12px;background:var(--surface);border-radius:50%}.coupon-discount{text-align:center}.coupon-amount{font-size:1.3rem;font-weight:800;display:block}.coupon-type-label{font-size:.72rem;opacity:.85}.coupon-right{flex:1 1;padding:.8rem 1rem}.coupon-title{font-weight:700;font-size:.92rem;margin:0 0 .2rem}.coupon-desc{font-size:.82rem;color:var(--muted);margin:0 0 .4rem}.coupon-meta{display:flex;gap:.6rem;font-size:.75rem;color:var(--muted);margin-bottom:.4rem}.coupon-use-btn{padding:.3rem .8rem;border-radius:999px;font-size:.78rem;font-weight:600;background:var(--accent);color:white;border:none;cursor:pointer;transition:background .2s}.coupon-use-btn:hover{background:var(--accent-dark)}.coupon-used-badge{display:inline-block;padding:.2rem .6rem;border-radius:999px;font-size:.75rem;background:var(--surface-soft);color:var(--muted)}.member-points-section{display:flex;flex-direction:column;gap:.8rem}.member-points-summary{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:.5rem;gap:.5rem}.member-points-summary-item{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:.8rem .5rem;text-align:center}.member-points-summary-label{display:block;font-size:.75rem;color:var(--muted);margin-bottom:.2rem}.member-points-summary-value{display:block;font-size:1.1rem;font-weight:800}.member-points-summary-value.earned{color:#16a34a}.member-points-summary-value.redeemed{color:#ef4444}.member-points-summary-value.balance{color:var(--accent-dark)}.member-ledger-list{background:var(--surface);border:1px solid var(--border);border-radius:16px;overflow:hidden}.member-ledger-row{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;border-bottom:1px solid var(--border)}.member-ledger-row:last-child{border-bottom:none}.member-ledger-reason{font-weight:500;font-size:.92rem}.member-ledger-date{font-size:.78rem;color:var(--muted);margin-top:.1rem}.member-ledger-points{font-weight:700;font-size:.95rem}.member-ledger-points.earn{color:#16a34a}.member-ledger-points.redeem{color:#ef4444}.member-orders-section{display:flex;flex-direction:column;gap:.7rem}.member-order-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:1rem}.member-order-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.member-order-number{font-weight:700;font-size:.95rem}.member-order-status{font-size:.78rem;font-weight:600;padding:.15rem .55rem;border-radius:999px;background:var(--surface-soft);color:var(--muted)}.member-order-status.status-completed,.member-order-status.status-picked-up{background:#dcfce7;color:#15803d}.member-order-status.status-in-prep{background:#fef3c7;color:#92400e}.member-order-status.status-ready{background:#dbeafe;color:#1e40af}.member-order-items{border-top:1px solid var(--border);padding-top:.5rem}.member-order-item-line{display:flex;justify-content:space-between;font-size:.85rem;color:var(--muted);padding:.15rem 0}.member-order-item-price{font-weight:600;color:var(--text)}.member-order-footer{display:flex;justify-content:space-between;align-items:center;margin-top:.5rem;padding-top:.5rem;border-top:1px solid var(--border);font-size:.82rem}.member-order-total{font-weight:800;color:var(--accent-dark);font-size:1rem}.member-profile-section{display:flex;flex-direction:column;gap:.8rem}.member-profile-tier-card{display:flex;align-items:center;gap:1rem;background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:1.2rem}.member-profile-tier-icon{font-size:2.5rem}.member-profile-tier-name{font-weight:700;font-size:1.1rem;margin:0 0 .2rem}.member-profile-stats-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:.5rem;gap:.5rem}.member-profile-stat{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:.9rem;text-align:center}.member-profile-stat-value{display:block;font-size:1.15rem;font-weight:800;color:var(--accent-dark)}.member-profile-stat-label{display:block;font-size:.78rem;color:var(--muted);margin-top:.15rem}.member-profile-info-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:1rem 1.2rem}.member-profile-info-row{display:flex;justify-content:space-between;padding:.6rem 0;border-bottom:1px solid var(--border);font-size:.9rem}.member-profile-info-row:last-child{border-bottom:none}.member-profile-info-label{color:var(--muted)}.member-tier-ladder{display:flex;flex-direction:column;gap:.5rem;margin-top:.5rem}.member-tier-ladder-item{display:flex;align-items:center;gap:.7rem;padding:.5rem .7rem;border-radius:12px;transition:background .2s}.member-tier-ladder-item.active{background:#fff7ed;border:1px solid var(--accent)}.member-tier-ladder-icon{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.9rem;color:white}.member-tier-ladder-label{font-weight:600;font-size:.9rem}.member-tier-ladder-current{font-size:.78rem;color:var(--accent-dark);font-weight:600;margin-left:auto}.cs-layout{display:grid;grid-template-columns:340px 1fr;height:calc(100vh - 60px);overflow:hidden}.cs-sidebar{border-right:1px solid var(--border);display:flex;flex-direction:column;background:var(--surface)}.cs-sidebar-header{padding:1rem;border-bottom:1px solid var(--border)}.cs-sidebar-filters{display:flex;gap:.5rem;margin-top:.7rem}.cs-sidebar-filters select{flex:1 1;padding:.4rem .5rem;border-radius:8px;border:1px solid var(--border);font-size:.82rem;background:var(--surface)}.cs-conv-list{flex:1 1;overflow-y:auto}.cs-conv-item{padding:.75rem 1rem;border-bottom:1px solid #f3f4f6;cursor:pointer;transition:background .1s}.cs-conv-item:hover{background:#fafafa}.cs-conv-item[data-selected=true]{background:#fff7ed;border-left:3px solid #f97316}.cs-conv-meta{display:flex;justify-content:space-between;align-items:center;gap:.5rem}.cs-conv-preview{font-size:.82rem;color:var(--muted);margin-top:.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cs-detail{display:flex;flex-direction:column;background:#fafbfc}.cs-detail-header{padding:.85rem 1rem;border-bottom:1px solid var(--border);background:var(--surface);display:flex;justify-content:space-between;align-items:center}.cs-messages{flex:1 1;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:.6rem}.cs-msg{max-width:72%}.cs-msg-customer{align-self:flex-start}.cs-msg-ai,.cs-msg-staff{align-self:flex-end}.cs-msg-sender{font-size:.72rem;color:var(--muted);margin-bottom:.15rem}.cs-msg-bubble{padding:.6rem .85rem;border-radius:14px;font-size:.88rem;line-height:1.5}.cs-msg-customer .cs-msg-bubble{background:var(--surface);border:1px solid var(--border)}.cs-msg-ai .cs-msg-bubble{background:#dbeafe}.cs-msg-staff .cs-msg-bubble{background:#dcfce7}.cs-msg-time{font-size:.7rem;color:#c4c9d4;margin-top:.15rem}.cs-reply-bar{padding:.8rem 1rem;border-top:1px solid var(--border);background:var(--surface);display:flex;gap:.5rem}.cs-reply-bar input{flex:1 1;padding:.6rem .85rem;border-radius:10px;border:1px solid var(--border);font-size:.88rem}.cs-status-badge{display:inline-block;padding:.15rem .55rem;border-radius:999px;font-size:.72rem;font-weight:700}.cs-status-ai_handling{background:#dbeafe;color:#1e40af}.cs-status-human_handling{background:#fef3c7;color:#92400e}.cs-status-escalated{background:#fee2e2;color:#991b1b}.cs-status-resolved{background:#dcfce7;color:#166534}.cs-back-btn{display:none}.flavor-overlay{position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:900}.flavor-modal{position:fixed;bottom:0;left:0;right:0;max-height:90dvh;background:#fff;border-radius:20px 20px 0 0;z-index:901;display:flex;flex-direction:column;box-shadow:0 -4px 30px rgba(0,0,0,.12);animation:slideUp .25s ease-out}.flavor-modal-header{position:relative;padding:1rem 1.2rem .8rem;border-bottom:1px solid var(--border)}.flavor-modal-img{width:100%;max-height:180px;object-fit:cover;border-radius:14px;margin-bottom:.8rem}.flavor-modal-title-row{display:flex;justify-content:space-between;align-items:flex-start;gap:.5rem}.flavor-modal-name{margin:0;font-size:1.15rem;font-weight:700}.flavor-modal-desc{margin:.2rem 0 0;font-size:.82rem;color:var(--muted)}.flavor-modal-price{font-size:1.1rem;font-weight:800;color:var(--accent-dark);white-space:nowrap}.flavor-modal-close{position:absolute;top:.8rem;right:.8rem;width:30px;height:30px;border:none;background:rgba(0,0,0,.06);border-radius:50%;cursor:pointer;font-size:.85rem;display:flex;align-items:center;justify-content:center;color:var(--muted)}.flavor-modal-body{flex:1 1;overflow-y:auto;padding:.8rem 1.2rem;display:flex;flex-direction:column;gap:1rem}.flavor-group-label{margin:0 0 .4rem;font-size:.88rem;font-weight:700;color:var(--text)}.flavor-options{display:flex;flex-wrap:wrap;gap:.4rem}.flavor-option{padding:.45rem .85rem;border-radius:999px;border:1.5px solid var(--border);background:#fff;font-size:.85rem;cursor:pointer;transition:all .15s;color:var(--text)}.flavor-option:hover{border-color:var(--accent);background:#f0fdf4}.flavor-option-active{background:var(--accent);color:#fff;border-color:var(--accent)}.flavor-option-active:hover{background:var(--accent-dark)}.flavor-option-price{margin-left:.3rem;font-size:.78rem;opacity:.8}.flavor-remark-input{width:100%;padding:.6rem .85rem;border-radius:10px;border:1.5px solid var(--border);font-size:.88rem;outline:none;transition:border-color .15s}.flavor-remark-input:focus{border-color:var(--accent)}.flavor-modal-footer{display:flex;align-items:center;gap:.8rem;padding:.8rem 1.2rem;border-top:1px solid var(--border);background:#fff;border-radius:0 0 0 0}.flavor-qty-control{display:flex;align-items:center;gap:.4rem;background:var(--bg);border-radius:10px;padding:.2rem}.flavor-qty-btn{width:34px;height:34px;border:none;background:#fff;border-radius:8px;font-size:1.1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;font-weight:700;color:var(--text);box-shadow:0 1px 3px rgba(0,0,0,.06)}.flavor-qty-value{min-width:28px;text-align:center;font-weight:700;font-size:1rem}.flavor-confirm-btn{flex:1 1;padding:.7rem 1rem;background:var(--accent);color:#fff;border:none;border-radius:12px;font-size:.95rem;font-weight:700;cursor:pointer;transition:background .15s}.flavor-confirm-btn:hover{background:var(--accent-dark)}.menu-item-card{display:flex;gap:.75rem;padding:.8rem;background:var(--surface);border-radius:14px;border:1px solid var(--border);cursor:pointer;transition:box-shadow .15s,border-color .15s;position:relative}.menu-item-card:hover{box-shadow:0 2px 12px rgba(0,0,0,.06);border-color:rgba(6,199,85,.25)}.menu-item-card--sold-out{opacity:.55;cursor:default}.menu-item-card--sold-out:hover{box-shadow:none;border-color:var(--border)}.menu-item-sold-out-badge{position:absolute;top:.5rem;right:.5rem;background:rgba(231,76,60,.85);color:#fff;font-size:.7rem;font-weight:700;padding:.15rem .45rem;border-radius:999px}.menu-item-limit{margin:.15rem 0 0;font-size:.75rem;color:#e67e22;font-weight:600}.online-order-paused-banner{text-align:center;padding:3rem 1.5rem;background:var(--surface);border-radius:16px;margin:2rem auto;max-width:500px;border:2px dashed var(--border)}.online-order-paused-banner p{margin:.5rem 0;font-size:1.1rem}.menu-item-img,.menu-item-img-placeholder{width:80px;height:80px;border-radius:10px;flex-shrink:0;background:var(--bg)}.menu-item-img-placeholder{display:flex;align-items:center;justify-content:center;font-size:1.8rem}.menu-item-info{flex:1 1;min-width:0;display:flex;flex-direction:column;justify-content:center}.menu-item-name{margin:0;font-size:.95rem;font-weight:700;line-height:1.3}.menu-item-desc{margin:.15rem 0 0;font-size:.78rem;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.menu-item-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:.35rem}.menu-item-price{font-size:1rem;font-weight:800;color:var(--accent-dark)}.menu-item-add-btn{padding:.3rem .7rem;border:none;background:var(--accent);color:#fff;border-radius:8px;font-size:.82rem;font-weight:600;cursor:pointer}.upsell-overlay{position:fixed;inset:0;background:rgba(0,0,0,.3);z-index:850}.upsell-sheet{position:fixed;bottom:0;left:0;right:0;background:#fff;border-radius:20px 20px 0 0;z-index:851;padding:1.2rem;box-shadow:0 -4px 30px rgba(0,0,0,.1);animation:slideUp .25s ease-out}.upsell-title{margin:0 0 .8rem;font-size:1rem;font-weight:700}.upsell-items{display:flex;gap:.6rem;overflow-x:auto;padding-bottom:.5rem}.upsell-item{flex-shrink:0;width:120px;text-align:center;cursor:pointer}.upsell-item img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:10px;margin-bottom:.4rem}.upsell-item-name{font-size:.82rem;font-weight:600;margin:0}.upsell-item-price{font-size:.78rem;color:var(--accent-dark);font-weight:700}.upsell-dismiss{display:block;width:100%;margin-top:.8rem;padding:.6rem;border:none;background:var(--bg);border-radius:10px;font-size:.88rem;color:var(--muted);cursor:pointer}.counter-order-section{display:grid;grid-template-columns:1fr 340px;grid-gap:1.2rem;gap:1.2rem;align-items:start}.counter-menu-panel{display:flex;flex-direction:column;gap:.8rem}.counter-form-row{display:flex;gap:.6rem;align-items:flex-end;flex-wrap:wrap}.counter-form-row .compact-field{flex:1 1;min-width:120px}.counter-category-tabs{margin:0}.counter-view-toggle{display:flex;gap:.3rem;background:var(--bg);border-radius:10px;padding:.2rem;flex-shrink:0;align-self:center}.counter-view-btn{padding:.4rem .7rem;border:none;background:transparent;border-radius:8px;font-size:1rem;cursor:pointer;color:var(--muted);transition:all .15s;line-height:1}.counter-view-btn.active{background:#fff;color:var(--text);box-shadow:0 1px 3px rgba(0,0,0,.08)}.counter-image-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.8rem}.counter-card-qty-badge{font-size:.78rem;font-weight:700;color:var(--accent-dark);min-width:24px;text-align:right}.counter-list-view{background:#fff;border-radius:14px;border:1px solid var(--border);overflow:hidden}.counter-list-item{display:flex;align-items:center;gap:.6rem;padding:.5rem .6rem;border-bottom:1px solid var(--border)}.counter-list-item:last-child{border-bottom:none}.counter-list-img{object-fit:cover}.counter-list-img,.counter-list-img-placeholder{width:40px;height:40px;border-radius:8px;flex-shrink:0}.counter-list-img-placeholder{background:var(--bg);display:flex;align-items:center;justify-content:center;font-size:1.2rem}.counter-list-info{flex:1 1;display:flex;align-items:center;gap:.5rem;cursor:pointer;min-width:0}.counter-list-name{flex:1 1;font-size:.88rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.counter-list-price{font-size:.88rem;font-weight:700;color:var(--accent-dark);min-width:50px;text-align:right;flex-shrink:0}.counter-list-stepper{display:flex;align-items:center;gap:.3rem;flex-shrink:0}.counter-stepper-btn{width:30px;height:30px;border:1px solid var(--border);background:#fff;border-radius:8px;font-size:1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .12s}.counter-stepper-btn:hover:not(:disabled){background:var(--accent-light);border-color:var(--accent)}.counter-stepper-btn:disabled{opacity:.3;cursor:default}.counter-stepper-qty{min-width:22px;text-align:center;font-weight:700;font-size:.88rem}.counter-cat-header{padding:.5rem .6rem;background:var(--bg);font-size:.82rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.04em;position:-webkit-sticky;position:sticky;top:0;z-index:5}.counter-cart-panel{background:#fff;border:1px solid var(--border);border-radius:16px;display:flex;flex-direction:column;position:-webkit-sticky;position:sticky;top:80px;max-height:calc(100vh - 100px);overflow:hidden}.counter-cart-header{display:flex;justify-content:space-between;align-items:center;padding:.8rem 1rem;border-bottom:1px solid var(--border)}.counter-cart-header h3{margin:0;font-size:1rem}.counter-cart-badge{font-size:.82rem;font-weight:700;color:var(--accent-dark)}.counter-cart-lines{flex:1 1;overflow-y:auto;padding:.5rem 0}.counter-cart-line{display:flex;justify-content:space-between;align-items:center;padding:.5rem 1rem;gap:.5rem;border-bottom:1px solid var(--border-light,#f0f0f0)}.counter-cart-line-info{display:flex;flex-direction:column;gap:.1rem;min-width:0;flex:1 1}.counter-cart-line-info strong{font-size:.88rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.counter-cart-line-right{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.counter-cart-line-stepper{display:flex;align-items:center;gap:.2rem}.counter-cart-line-stepper button{width:24px;height:24px;border:1px solid var(--border);background:#fff;border-radius:6px;font-size:.82rem;cursor:pointer;display:flex;align-items:center;justify-content:center}.counter-cart-line-stepper span{min-width:18px;text-align:center;font-weight:700;font-size:.82rem}.counter-cart-line-subtotal{font-size:.82rem;font-weight:700;color:var(--accent-dark);min-width:45px;text-align:right}.counter-cart-footer{padding:.8rem 1rem;border-top:1px solid var(--border);background:var(--bg)}.counter-cart-total-row{display:flex;justify-content:space-between;align-items:center;font-size:1rem;margin-bottom:.5rem}.counter-cart-total-row strong{font-size:1.15rem;color:var(--accent-dark)}.counter-cart-meta{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:.6rem}.counter-cart-meta span{font-size:.75rem;color:var(--muted);background:var(--bg);padding:.15rem .5rem;border-radius:6px;border:1px solid var(--border)}.counter-submit-btn{width:100%;padding:.75rem;border:none;background:var(--accent);color:#fff;border-radius:12px;font-size:.95rem;font-weight:700;cursor:pointer;transition:background .15s}.counter-submit-btn:hover:not(:disabled){background:var(--accent-dark)}.counter-submit-btn:disabled{opacity:.5;cursor:default}.pickup-bar{position:-webkit-sticky;position:sticky;top:56px;z-index:90;display:flex;align-items:center;gap:.6rem;padding:.5rem 1rem;background:var(--surface,#fff);border-bottom:1px solid var(--border,#e5e5e5);box-shadow:0 2px 8px rgba(0,0,0,.06)}.pickup-bar-label{font-weight:700;font-size:.85rem;white-space:nowrap;color:var(--muted,#888)}.pickup-bar-scroll{display:flex;gap:.4rem;overflow-x:auto;flex:1 1;padding:.2rem 0;-webkit-overflow-scrolling:touch;scrollbar-width:none;scroll-snap-type:x mandatory}.pickup-bar-scroll::-webkit-scrollbar{display:none}.pickup-bar-summary{display:flex;gap:.5rem;white-space:nowrap;font-size:.75rem}.pickup-legend{font-weight:600}.pickup-legend--handoff{color:#e67e22}.pickup-legend--ready{color:#27ae60}.pickup-circle{width:44px;height:44px;border-radius:50%;border:2px solid transparent;font-weight:800;font-size:.85rem;cursor:pointer;flex-shrink:0;display:flex;align-items:center;justify-content:center;transition:transform .15s,box-shadow .15s;line-height:1;position:relative;scroll-snap-align:center}.pickup-circle:active{transform:scale(.92)}.pickup-circle--handoff{background:#fef0e0;color:#d35400;border-color:#e67e22}.pickup-circle--ready{background:#e8f8ef;color:#1e8449;border-color:#27ae60}.pickup-circle--ready:after{content:"OK";position:absolute;inset:0;background:rgba(220,38,38,.72);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:900;font-size:.65rem;letter-spacing:.05em;pointer-events:none}.pickup-circle--picked{background:#f0f0f0;color:#999;border-color:#ccc}.pickup-circle--selected{box-shadow:0 0 0 3px rgba(52,152,219,.5);transform:scale(1.1)}.pickup-popup-overlay{position:fixed;inset:0;z-index:200;background:rgba(0,0,0,.3)}.pickup-popup{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:201;background:var(--surface,#fff);border-radius:16px;padding:1.5rem;min-width:280px;max-width:340px;box-shadow:0 12px 40px rgba(0,0,0,.18);text-align:center}.pickup-popup-code{font-size:2rem;display:block;margin-bottom:.3rem}.pickup-popup-name{font-size:.95rem;margin:.3rem 0}.pickup-popup-source{font-size:.8rem;color:var(--muted,#888);margin-bottom:1rem}.pickup-popup-actions{display:flex;flex-direction:column;gap:.5rem}.pickup-popup-btn{padding:.7rem 1rem;border-radius:10px;font-weight:700;font-size:.95rem;cursor:pointer;border:none}.pickup-popup-btn--notify{background:#e67e22;color:#fff}.pickup-popup-btn--pickup{background:#27ae60;color:#fff}.pickup-popup-btn--revert{background:#95a5a6;color:#fff}.pickup-popup-btn--cancel{background:transparent;color:var(--muted,#888);border:1px solid var(--border,#ddd)}.kitchen-drawer-tab{position:fixed;left:0;top:50%;transform:translateY(-50%);z-index:80;background:#2c3e50;color:#fff;border:none;border-radius:0 10px 10px 0;padding:.8rem .5rem;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:.3rem;box-shadow:2px 2px 10px rgba(0,0,0,.15);transition:background .2s}.kitchen-drawer-tab:hover{background:#34495e}.kitchen-drawer-tab-icon{font-size:1.3rem}.kitchen-drawer-tab-badge{background:#e74c3c;color:#fff;font-size:.7rem;font-weight:700;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center}.kitchen-drawer-overlay{position:fixed;inset:0;z-index:150;background:rgba(0,0,0,.35)}.kitchen-drawer{position:fixed;left:0;top:0;bottom:0;width:380px;max-width:90vw;z-index:151;background:var(--surface,#fff);box-shadow:4px 0 20px rgba(0,0,0,.15);display:flex;flex-direction:column;animation:slideInLeft .25s ease-out}@keyframes slideInLeft{0%{transform:translateX(-100%)}to{transform:translateX(0)}}.kitchen-drawer-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.2rem;border-bottom:1px solid var(--border,#e5e5e5)}.kitchen-drawer-header h3{margin:0;font-size:1.1rem}.kitchen-drawer-close{background:none;border:none;font-size:1.3rem;cursor:pointer;color:var(--muted,#888);padding:.3rem}.kitchen-drawer-content{flex:1 1;overflow-y:auto;padding:.8rem}.kitchen-drawer-order{background:var(--bg,#f9f9f9);border:1px solid var(--border,#e5e5e5);border-radius:10px;padding:.8rem;margin-bottom:.8rem}.kitchen-drawer-order-header{display:flex;align-items:center;gap:.4rem;margin-bottom:.3rem}.kitchen-drawer-action-btn{width:100%;padding:.5rem;margin:.5rem 0;border-radius:8px;background:#3498db;color:#fff;font-weight:700;border:none;cursor:pointer}.kitchen-drawer-action-btn:hover{background:#2980b9}.kitchen-drawer-lines{display:flex;flex-direction:column;gap:.3rem;margin-top:.5rem}.kitchen-drawer-line{display:flex;align-items:center;justify-content:space-between;padding:.4rem .5rem;background:#fff;border-radius:6px;border:1px solid var(--border,#eee)}.kitchen-drawer-line--done{opacity:.55;text-decoration:line-through}.kitchen-drawer-line-info{flex:1 1;font-size:.88rem}.kitchen-drawer-line-info em{color:var(--muted,#888);font-size:.78rem;margin-left:.3rem}.kitchen-drawer-line-actions{display:flex;gap:.3rem;align-items:center}.kitchen-drawer-note-btn{background:none;border:none;cursor:pointer;font-size:.9rem;padding:.2rem;color:#3498db}.kitchen-drawer-complete-btn{background:#27ae60;color:#fff;border:none;border-radius:6px;padding:.25rem .6rem;font-size:.78rem;font-weight:600;cursor:pointer}.kitchen-drawer-complete-btn:hover{background:#219a52}.kitchen-drawer-done-tag{font-size:.75rem;color:var(--muted,#999);font-weight:600}.kitchen-drawer-ready-btn{width:100%;padding:.6rem;margin-top:.5rem;border-radius:8px;background:#e67e22;color:#fff;font-weight:700;border:none;cursor:pointer;font-size:.9rem}.kitchen-drawer-ready-btn:hover{background:#d35400}.qty-stepper{gap:.15rem;background:#f0f0f0;border-radius:6px;overflow:hidden}.qty-stepper,.qty-stepper-btn{display:flex;align-items:center}.qty-stepper-btn{width:24px;height:24px;border:none;background:transparent;cursor:pointer;font-size:.85rem;font-weight:700;color:#333;justify-content:center;padding:0}.qty-stepper-btn:hover{background:#e0e0e0}.qty-stepper-value{font-size:.78rem;font-weight:700;min-width:18px;text-align:center}.kitchen-drawer-remove-btn{background:none;border:none;cursor:pointer;font-size:.8rem;padding:.15rem;opacity:.6;color:#e74c3c}.kitchen-drawer-remove-btn:hover{opacity:1}.kitchen-drawer-add-btn{width:100%;padding:.45rem;margin-top:.4rem;border-radius:8px;background:transparent;border:2px dashed #ccc;color:#888;font-weight:600;font-size:.85rem;cursor:pointer}.kitchen-drawer-add-btn:hover{border-color:#999;color:#555}.kitchen-drawer-cancel-btn{width:100%;padding:.4rem;margin-top:.3rem;border-radius:8px;background:transparent;border:1px solid #e74c3c;color:#e74c3c;font-weight:600;font-size:.8rem;cursor:pointer}.kitchen-drawer-cancel-btn:hover{background:#fdf2f2}.drawer-add-item-picker{margin-top:.4rem;border:1px solid var(--border,#ddd);border-radius:8px;padding:.4rem;max-height:200px;overflow-y:auto}.drawer-add-item-grid{display:flex;flex-wrap:wrap;gap:.3rem}.drawer-add-item-btn{flex:0 0 auto;padding:.3rem .6rem;border-radius:6px;border:1px solid var(--border,#ddd);background:#fff;font-size:.75rem;cursor:pointer;white-space:nowrap}.drawer-add-item-btn:hover{background:#f0f7ff;border-color:#3498db}.drawer-add-item-cancel{display:block;width:100%;margin-top:.3rem;padding:.3rem;border:none;background:none;color:var(--muted,#888);font-size:.8rem;cursor:pointer;text-align:center}.note-modal-overlay{position:fixed;inset:0;z-index:300;background:rgba(0,0,0,.3)}.note-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:301;background:var(--surface,#fff);border-radius:12px;padding:1.2rem;min-width:300px;box-shadow:0 8px 30px rgba(0,0,0,.15)}.note-modal h4{margin:0 0 .8rem}.note-modal input{width:100%;padding:.6rem .8rem;border-radius:8px;border:1px solid var(--border,#ddd);font-size:.95rem;margin-bottom:.8rem}.note-modal-actions{display:flex;gap:.5rem;justify-content:flex-end}@media (max-width:980px){.counter-order-section{grid-template-columns:1fr}.counter-cart-panel{position:static;max-height:none}.admin-shell .status-banner,.board-hero,.counter-hero-band,.customer-hero,.kitchen-hero-band,.landing-hero,.ops-hero,.rollout-bottom-grid,.rollout-hero,.tracking-hero{grid-template-columns:1fr}.rollout-section-head{flex-direction:column;align-items:flex-start}.cs-layout,.landing-grid,.rollout-gate-metrics{grid-template-columns:1fr}.landing-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media (max-width:700px){.page-shell{padding:1rem;gap:.85rem}.info-strip,.status-banner{flex-direction:column;align-items:flex-start}.card-grid,.menu-grid,.order-grid{grid-template-columns:1fr}.counter-cart-summary,.counter-menu-footer,.ops-hero,.ops-hero-side,.ops-order-subline{gap:.75rem}.counter-cart-summary,.ops-hero,.ops-hero-side,.ops-priority-card{border-radius:22px}.ops-stat-grid{grid-template-columns:1fr}.counter-cart-summary,.counter-menu-footer{flex-direction:column;align-items:flex-start}.counter-cart-summary-total{text-align:left}.counter-stepper{width:100%;justify-content:space-between}.counter-cart-actions{flex-direction:column}.counter-cart-actions button,.kitchen-line-row button{width:100%;min-width:0}.progress-steps{grid-template-columns:1fr}.panel-header{flex-wrap:wrap;gap:.5rem}.board-code{font-size:1.6rem;letter-spacing:.06em}.ops-order-subline{flex-direction:column}.sticky-checkout-bar{bottom:.75rem;padding:.85rem}.sticky-checkout-bar button{width:auto;min-width:120px}.rollout-band,.rollout-footnote-card,.rollout-gate-card,.rollout-hero,.rollout-priority-card{border-radius:22px}.rollout-gate-grid,.rollout-gate-metrics,.rollout-stat-grid,.rollout-storage-grid{grid-template-columns:1fr}.rollout-gate-head{flex-direction:column}.admin-hero-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.board-card-grid,.counter-menu-grid,.customer-kpi-grid,.customer-member-grid,.customer-menu-grid,.customer-progress-steps,.form-grid,.hero-grid,.kitchen-finish-grid,.kpi-grid,.landing-grid,.rollout-gate-grid,.stat-grid,.three-col,.two-col{grid-template-columns:1fr}.board-hero,.landing-hero,.tracking-hero{border-radius:22px;padding:1rem}.landing-hero h1{font-size:1.8rem}.landing-card,.landing-hero-panel{border-radius:18px}.mall-product-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.mall-tabs{gap:.35rem}.mall-tabs button{font-size:.82rem;padding:.55rem .3rem}.cs-layout{grid-template-columns:1fr}.cs-sidebar{height:100%}.cs-detail,.cs-hide-mobile{display:none}.cs-show-mobile{display:flex}.cs-back-btn{display:inline-block!important}.member-hero-card{border-radius:20px;padding:1.2rem}.member-hero-points-value{font-size:1.6rem}.member-quick-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:.4rem}.member-stat-card{padding:.7rem .3rem;border-radius:12px;overflow:hidden}.member-stat-number{font-size:clamp(1rem,4vw,1.2rem)}.member-stat-label{font-size:.72rem}.stamp-grid{grid-template-columns:repeat(5,1fr);gap:.35rem}.stamp-slot{font-size:1rem}.member-points-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:.35rem}.member-points-summary-item{padding:.6rem .2rem;border-radius:10px;overflow:hidden}.member-points-summary-value{font-size:clamp(.85rem,3.5vw,.95rem)}.member-points-summary-label{font-size:.72rem}.member-profile-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.4rem}.member-profile-stat-value{font-size:clamp(1rem,4vw,1.15rem)}.member-nav{gap:.15rem;padding:.25rem;border-radius:14px}.member-nav-btn{padding:.4rem .2rem}.member-nav-icon{font-size:.95rem}.member-nav-label{font-size:.68rem}.coupon-card{border-radius:12px}.coupon-left{width:72px}.coupon-amount{font-size:1.05rem}.coupon-right{padding:.6rem .8rem}.coupon-title{font-size:.85rem}.coupon-desc{font-size:.78rem}.member-tier-ladder-item{padding:.4rem .5rem;gap:.5rem}.member-tier-ladder-icon{width:28px;height:28px;font-size:.8rem}.landing-grid{grid-template-columns:1fr!important;gap:.6rem}.landing-card{padding:1rem 1.1rem}.landing-card-head h2{font-size:1rem}.landing-card-desc{font-size:.85rem}.landing-hero-sub{font-size:.9rem}.landing-chip-row{flex-wrap:wrap;gap:.35rem}.landing-chip{font-size:.78rem;padding:.3rem .6rem}.mall-tabs{gap:.2rem;flex-wrap:wrap}.mall-tabs button{font-size:.78rem;padding:.5rem .4rem;white-space:nowrap}.mall-product-grid{grid-template-columns:1fr!important}.mall-cart-row{flex-direction:column;gap:.5rem}.mall-cart-controls{width:100%;justify-content:flex-start}}.admin-settings-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));grid-gap:.75rem;gap:.75rem;padding:.75rem 0}.admin-settings-field{display:flex;flex-direction:column;gap:.25rem}.admin-settings-field>span{font-size:.8rem;color:#666;font-weight:500}.admin-settings-field input[type=number],.admin-settings-field input[type=password],.admin-settings-field input[type=text]{padding:.4rem .6rem;border:1px solid var(--border,#d1d5db);border-radius:.375rem;font-size:.875rem}.admin-settings-checkbox{flex-direction:row!important;align-items:center;gap:.5rem!important}.admin-settings-checkbox input[type=checkbox]{width:1rem;height:1rem}.admin-settings-payment-grid{display:flex;flex-wrap:wrap;gap:1rem;padding:.75rem 0}.admin-settings-integrations{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-gap:1rem;gap:1rem;padding:.75rem 0}.admin-integration-block{border:1px solid var(--border,#d1d5db);border-radius:.5rem;padding:.75rem}.admin-integration-block legend{font-weight:600;font-size:.9rem;padding:0 .25rem}.admin-orders-filters{display:flex;flex-wrap:wrap;gap:.5rem;padding:.5rem 0;align-items:center}.admin-orders-filters select{padding:.35rem .6rem;border:1px solid var(--border,#d1d5db);border-radius:.375rem;font-size:.85rem}.admin-orders-search{display:flex;gap:.3rem;flex:1 1;min-width:200px}.admin-orders-search input{flex:1 1;padding:.35rem .6rem;border:1px solid var(--border,#d1d5db);border-radius:.375rem;font-size:.85rem}.order-detail-row td{background:var(--surface-soft,#f8fafc);padding:.75rem!important}.order-detail-content{max-width:100%;overflow-x:auto}.order-lines-table{width:100%;font-size:.85rem;border-collapse:collapse}.order-lines-table td,.order-lines-table th{padding:.35rem .5rem;border-bottom:1px solid var(--border,#e5e7eb)}.order-detail-summary{display:flex;gap:1rem;justify-content:flex-end;padding:.5rem 0;font-size:.85rem}.qty-stepper-inline{display:inline-flex;align-items:center;gap:.25rem}.btn-xs{padding:.15rem .4rem;font-size:.75rem;border-radius:.25rem;border:1px solid var(--border,#d1d5db);background:var(--surface,#fff);cursor:pointer}.btn-danger{color:#dc2626;border-color:#dc2626}.btn-sm{padding:.25rem .5rem;font-size:.8rem;border-radius:.25rem;border:1px solid var(--border,#d1d5db);background:var(--surface,#fff);cursor:pointer}.row-expanded{background:var(--surface-soft,#f0f4ff)}.pill-accepted,.pill-in-prep{background:#fef3c7;color:#92400e}.pill-created{background:#e0e7ff;color:#3730a3}.pill-ready-for-pickup{background:#d1fae5;color:#065f46}.pill-picked-up{background:#e0e7ff;color:#3730a3}.pill-cancelled{background:#fee2e2;color:#991b1b}.btn-outline{border:1px solid var(--accent,#06c755);color:var(--accent,#06c755);background:transparent}.btn-outline:hover{background:rgba(6,199,85,.08)}.order-actions{display:flex;gap:.35rem;align-items:center}.order-status-done{font-size:.75rem;color:var(--muted,#888)}.menu-image-cell{width:80px;text-align:center}.menu-thumb{width:60px;height:60px;object-fit:cover;border-radius:.5rem;border:1px solid var(--border)}.menu-thumb-placeholder{width:60px;height:60px;border-radius:.5rem;background:var(--surface-soft,#f0f0f0);display:flex;align-items:center;justify-content:center;font-size:.7rem;color:var(--muted)}.menu-image-input{width:70px;font-size:.65rem;margin-top:.25rem;padding:.15rem .25rem}@media (max-width:980px){.admin-tab-bar{gap:0;padding:.35rem 0;overflow-x:auto;-webkit-overflow-scrolling:touch;flex-wrap:nowrap}.admin-tab{white-space:nowrap;padding:.4rem .65rem;font-size:.8rem;flex-shrink:0}.admin-orders-filters{flex-direction:column;gap:.5rem}.admin-orders-filters select{width:100%}.table-card{overflow-x:auto;-webkit-overflow-scrolling:touch}.table-card table{min-width:600px}.admin-shell .grid.two-col,.grid.two-col{grid-template-columns:1fr}}@media (max-width:640px){.admin-shell .page-shell,.admin-shell.page-shell{padding:.5rem;gap:.5rem}.admin-tab{padding:.35rem .5rem;font-size:.75rem}.admin-shell .status-banner{flex-direction:column;align-items:stretch;gap:.5rem}.admin-shell .info-strip{flex-wrap:wrap;gap:.35rem}.admin-shell .info-strip .pill{font-size:.7rem}.admin-shell .kpi-band{grid-template-columns:1fr 1fr;gap:.5rem}.order-detail-content{padding:.5rem}.order-lines-table{font-size:.75rem}.order-lines-table td,.order-lines-table th{padding:.3rem .4rem}.admin-shell fieldset{padding:.5rem}.admin-shell legend{font-size:.85rem}.admin-shell h2{font-size:1.1rem}.admin-shell h3{font-size:.95rem}.notification-table,.timeline-table{font-size:.75rem}.notification-table td,.notification-table th,.timeline-table td,.timeline-table th{padding:.3rem .4rem}}@media (min-width:768px) and (max-width:1024px){.admin-tab-bar{flex-wrap:wrap}.admin-shell .kpi-band{grid-template-columns:repeat(4,1fr)}}.counter-hero-controls{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap;margin-bottom:.5rem}.counter-online-toggle{padding:.35rem .75rem;border:1.5px solid;border-radius:6px;font-size:.82rem;font-weight:600;cursor:pointer;background:transparent;transition:opacity .15s}.counter-online-toggle--on{color:#27ae60;border-color:#27ae60}.counter-online-toggle--off{color:#e74c3c;border-color:#e74c3c}.counter-online-toggle:disabled{opacity:.5;cursor:default}.counter-settlement-btn{padding:.35rem .75rem;border:1.5px solid var(--primary,#3498db);border-radius:6px;font-size:.82rem;font-weight:600;cursor:pointer;background:transparent;color:var(--primary,#3498db)}.counter-settlement-btn:hover{background:var(--primary,#3498db);color:#fff}.settlement-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--surface,#fff);border:1px solid var(--border,#ddd);border-radius:12px;width:min(600px,95vw);max-height:85vh;overflow-y:auto;z-index:1100;box-shadow:0 8px 32px rgba(0,0,0,.18)}.settlement-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem .75rem;border-bottom:1px solid var(--border,#eee)}.settlement-modal-header h3{margin:0;font-size:1.1rem}.settlement-modal-close{background:none;border:none;font-size:1.1rem;cursor:pointer;color:var(--muted,#888)}.settlement-modal-body{padding:1rem 1.25rem 1.25rem;display:flex;flex-direction:column;gap:.75rem}.settlement-date{font-size:.85rem;color:var(--muted,#888);margin:0}.settlement-section h4{margin:0 0 .4rem;font-size:.9rem}.settlement-table{width:100%;border-collapse:collapse;font-size:.85rem}.settlement-table td,.settlement-table th{padding:.3rem .5rem;text-align:left;border-bottom:1px solid var(--border,#eee)}.settlement-table th{font-weight:600;background:var(--surface-soft,#f5f5f5)}.settlement-totals{display:flex;gap:1.5rem;padding:.5rem 0;font-size:.9rem}.settlement-totals div{display:flex;flex-direction:column;gap:.1rem}.settlement-totals strong{font-size:1.05rem}.settlement-cash-input{display:flex;flex-direction:column;gap:.6rem}.settlement-cash-input label{display:flex;flex-direction:column;gap:.25rem;font-size:.85rem}.settlement-cash-input input{padding:.45rem .6rem;border:1px solid var(--border,#ddd);border-radius:6px;font-size:1rem}.settlement-diff{font-weight:600;font-size:.9rem;margin:0}.settlement-diff.positive{color:#27ae60}.settlement-diff.negative{color:#e74c3c}.settlement-confirm-btn{width:100%;padding:.65rem;border:none;border-radius:8px;background:var(--primary,#3498db);color:#fff;font-size:.95rem;font-weight:600;cursor:pointer}.settlement-confirm-btn:disabled{opacity:.5;cursor:default}.settlement-result{text-align:center;padding:.5rem 0}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}@keyframes pop{0%{transform:scale(1)}40%{transform:scale(1.18)}70%{transform:scale(.94)}to{transform:scale(1)}}@keyframes slideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.4}}.animate-in{animation:fadeInUp var(--duration-base) var(--ease-smooth) both}.animate-in-fast{animation:fadeInUp var(--duration-fast) var(--ease-smooth) both}.delay-1{animation-delay:.05s}.delay-2{animation-delay:.1s}.delay-3{animation-delay:.15s}.delay-4{animation-delay:.2s}.btn-pop:active{animation:pop .3s var(--ease-bounce)}.skeleton{background:linear-gradient(90deg,var(--surface-soft) 25%,rgba(253,250,244,.9) 50%,var(--surface-soft) 75%);background-size:400px 100%;animation:shimmer 1.4s infinite;border-radius:var(--radius-md)}.skeleton-text{height:1em;margin:.35rem 0}.skeleton-title{height:1.5em;width:60%}.skeleton-card{height:120px}.skeleton-img{aspect-ratio:1;border-radius:var(--radius-lg)}@media (max-width:640px){.page-shell{padding:.75rem;gap:.75rem}.customer-hero,.landing-hero{grid-template-columns:1fr}.customer-hero-aside,.landing-hero-panel{display:none}.customer-kpi-grid{grid-template-columns:1fr 1fr}.menu-item-card{flex-direction:column}.menu-item-img{width:100%;height:160px;object-fit:cover}.menu-item-img-placeholder{width:100%;height:120px}.cta-btn{width:100%}.platform-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.admin-tab-bar{overflow-x:auto;flex-wrap:nowrap}.board-code{font-size:2.8rem}.kitchen-station-grid{grid-template-columns:1fr}}@media (min-width:641px) and (max-width:1024px){.customer-kpi-grid{grid-template-columns:repeat(2,1fr)}.landing-hero{grid-template-columns:1fr}.landing-hero-panel{display:none}.kitchen-station-grid{grid-template-columns:repeat(2,1fr)}}@media (pointer:coarse){button{min-height:44px}.mall-tabs button{min-height:40px}}.customer-hero{background:radial-gradient(ellipse at top right,#fde8c0 0,transparent 60%),linear-gradient(135deg,#fdfaf4,#f5e6c8)}.menu-item-card{border-radius:var(--radius-lg);background:white;box-shadow:var(--shadow-sm);transition:box-shadow var(--duration-base) var(--ease-smooth),transform var(--duration-base) var(--ease-smooth),border-color var(--duration-base)}.menu-item-card:not(.menu-item-card--sold-out):hover{box-shadow:var(--shadow-md);transform:translateY(-2px);border-color:var(--accent-light)}.menu-item-img{border-radius:var(--radius-md) var(--radius-md) 0 0;width:100%;height:140px;object-fit:cover}.menu-item-add-btn{border-radius:var(--radius-pill);padding:.4rem .9rem;font-size:var(--text-sm)}.sticky-checkout-bar{border-radius:var(--radius-xl);background:var(--grad-accent);box-shadow:var(--shadow-accent)}.customer-cart-line{border-radius:var(--radius-md);background:var(--surface-soft);padding:.6rem .8rem;margin-bottom:.3rem}.landing-hero{background:radial-gradient(ellipse at bottom right,var(--accent-light) 0,transparent 55%),var(--grad-hero)}.landing-hero h1{background:var(--grad-accent);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.landing-card{transition:transform var(--duration-base) var(--ease-smooth),box-shadow var(--duration-base) var(--ease-smooth)}.landing-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.kitchen-order-card{border-radius:var(--radius-xl);border-left:4px solid transparent;transition:border-color var(--duration-fast)}.kitchen-order-card-urgent{border-left-color:var(--danger);background:linear-gradient(135deg,#fff5f5,#fff)}.kitchen-order-card.is-new{animation:fadeInUp var(--duration-base) var(--ease-bounce) both}.board-entry-card{border-radius:var(--radius-xl)}.board-ready-card{background:linear-gradient(135deg,#dcfce7,#bbf7d0);border-color:#86efac;animation:fadeIn .4s var(--ease-smooth) both}.member-hero-card{background:linear-gradient(135deg,#c9921a,#a06b10 60%,#7a4f0c);box-shadow:0 12px 30px rgba(184,134,11,.28)}.promo-banner{background:linear-gradient(135deg,#1c1308,#2d1f0a 50%,#3d2b0f);border-top:1px solid rgba(201,168,76,.3)}.promo-banner-btn{background:var(--grad-accent);border-radius:var(--radius-pill);box-shadow:0 4px 12px rgba(184,134,11,.35)}.nav-drawer{background:linear-gradient(180deg,var(--surface) 0,var(--surface-soft) 100%);box-shadow:-8px 0 40px rgba(44,36,23,.15)}.nav-link.active{background:var(--accent-light);color:var(--accent-dark);border-radius:var(--radius-md);font-weight:700}.nav-link:hover:not(.active){background:var(--surface-soft);border-radius:var(--radius-md)}.platform-shell{max-width:1200px;margin:0 auto;padding:1.5rem 1rem}.platform-header{margin-bottom:1.5rem}.platform-title{font-size:var(--text-2xl);font-weight:700;color:var(--text)}.platform-subtitle{color:var(--muted);font-size:var(--text-sm)}.platform-tab-bar{display:flex;gap:.25rem;border-bottom:2px solid var(--border);margin-bottom:1.5rem;overflow-x:auto}.platform-tab{padding:.75rem 1.25rem;background:none;font-weight:400;color:var(--muted);border:none;border-bottom:2px solid transparent;margin-bottom:-2px;white-space:nowrap;box-shadow:none;border-radius:0}.platform-tab:hover:not(:disabled){background:var(--surface-soft);transform:none;box-shadow:none}.platform-tab.active{color:var(--accent);font-weight:700;border-bottom-color:var(--accent);background:none}.platform-card{background:white;border-radius:var(--radius-xl);padding:1.5rem;box-shadow:var(--shadow-sm);border:1px solid var(--border)}.platform-kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:1rem;gap:1rem}.platform-kpi-card{background:var(--surface-soft);border-radius:var(--radius-lg);padding:1rem 1.25rem;border:1px solid var(--border);position:relative;overflow:hidden}.platform-kpi-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--grad-accent);border-radius:var(--radius-sm) var(--radius-sm) 0 0}.platform-table-wrap{overflow-x:auto}.platform-table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.platform-table td,.platform-table th{padding:.7rem 1rem;border-bottom:1px solid var(--border);text-align:left}.platform-table th{font-weight:600;color:var(--muted)}.platform-table tr:hover td{background:var(--surface-soft)}.platform-section-title{font-size:var(--text-lg);font-weight:700;color:var(--text);margin:0 0 1rem}.platform-meta{font-size:var(--text-sm);color:var(--muted)}.platform-flex{display:flex;align-items:center;gap:.5rem}.platform-grid-2{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:1rem;gap:1rem}.platform-status-active{color:var(--ready);font-weight:600}.platform-status-inactive{color:var(--muted)}.platform-status-trial{color:var(--warn);font-weight:600}.platform-empty{text-align:center;padding:2rem;color:var(--muted)}.platform-form{display:flex;flex-direction:column;gap:1rem}.platform-actions{gap:.5rem;justify-content:flex-end}.platform-badge-active{background:#dcfce7;color:#15803d}.platform-badge-active,.platform-badge-trial{padding:.15rem .5rem;border-radius:var(--radius-pill);font-size:var(--text-xs);font-weight:600}.platform-badge-trial{background:#fef9c3;color:#a16207}.platform-badge-inactive{background:var(--surface-soft);color:var(--muted);padding:.15rem .5rem;border-radius:var(--radius-pill);font-size:var(--text-xs);font-weight:600}.admin-tab-bar{position:-webkit-sticky;position:sticky;top:0;z-index:20;background:var(--bg);overflow-x:auto;padding-bottom:0;gap:0}.admin-tab{border-radius:0;padding:.7rem 1.1rem;font-size:var(--text-sm);color:var(--muted);position:relative;background:none;box-shadow:none;white-space:nowrap}.admin-tab:hover:not(:disabled){background:var(--surface-soft);transform:none;box-shadow:none}.admin-tab:after{content:"";position:absolute;bottom:0;left:20%;right:20%;height:2px;background:var(--grad-accent);transform:scaleX(0);transition:transform var(--duration-fast) var(--ease-smooth);border-radius:var(--radius-pill)}.admin-tab.active{color:var(--accent);font-weight:700}.admin-tab.active:after{transform:scaleX(1)}.platform-sub-tab-bar{display:flex;gap:.5rem;margin-bottom:1rem}.platform-sub-tab{padding:.5rem 1rem;border-radius:var(--radius-sm);border:1px solid var(--border);background:white;font-weight:400;color:var(--muted);font-size:var(--text-sm);box-shadow:none}.platform-sub-tab:hover:not(:disabled){background:var(--surface-soft);transform:none;box-shadow:none}.platform-sub-tab.active{border:2px solid var(--accent);background:var(--accent-light);color:var(--accent-dark);font-weight:700}.platform-filter-row{display:flex;gap:.5rem;margin-bottom:1rem;flex-wrap:wrap;align-items:center}.platform-filter-btn{padding:.4rem .9rem;border-radius:var(--radius-pill);border:1px solid var(--border);background:white;font-weight:400;color:var(--muted);font-size:var(--text-xs);box-shadow:none}.platform-filter-btn:hover:not(:disabled){background:var(--surface-soft);transform:none;box-shadow:none}.platform-filter-btn.active{border:2px solid var(--accent);background:var(--accent-light);font-weight:700;color:var(--accent-dark)}.platform-search-input{padding:.5rem .8rem;border-radius:var(--radius-md);border:1.5px solid var(--border);font-size:var(--text-sm);min-width:200px;background:white;color:var(--text);box-shadow:var(--shadow-xs)}.platform-search-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow);outline:none}.platform-kpi-card--highlight:before{background:var(--grad-accent)}.platform-kpi-label{color:var(--muted);font-size:var(--text-sm);margin-bottom:.4rem}.platform-kpi-value{font-size:1.75rem;font-weight:700;color:var(--text)}.platform-btn-primary{padding:.5rem 1rem;background:var(--grad-accent);color:white;border:none;border-radius:var(--radius-sm);cursor:pointer;font-weight:600;font-size:var(--text-sm);box-shadow:0 2px 8px rgba(139,105,20,.2)}.platform-btn-success{background:#10B981}.platform-btn-danger,.platform-btn-success{padding:.25rem .75rem;color:white;border:none;border-radius:var(--radius-sm);cursor:pointer;font-size:var(--text-xs);box-shadow:none}.platform-btn-danger{background:#EF4444}.platform-btn-secondary{background:#6366F1;color:white;border:none;border-radius:var(--radius-sm)}.platform-btn-outline,.platform-btn-secondary{padding:.25rem .75rem;cursor:pointer;font-size:var(--text-xs);box-shadow:none}.platform-btn-outline{background:white;color:var(--text);border:1px solid var(--border);border-radius:var(--radius-sm)}.platform-btn-green{background:#10B981}.platform-btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--shadow-accent)}.platform-btn-danger:hover:not(:disabled),.platform-btn-outline:hover:not(:disabled),.platform-btn-secondary:hover:not(:disabled),.platform-btn-success:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--shadow-xs)}.platform-status-badge{padding:.2rem .65rem;border-radius:var(--radius-pill);font-size:var(--text-xs);font-weight:600;display:inline-block}.platform-status-success{background:#D1FAE5;color:#065F46}.platform-status-warn{background:#FEF3C7;color:#92400E}.platform-status-danger{background:#FEE2E2;color:#991B1B}.platform-status-info{background:#DBEAFE;color:#1E40AF}.platform-status-indigo{background:#E0E7FF;color:#3730A3}.platform-status-neutral{background:#F3F4F6;color:#374151}.platform-action-row{display:flex;gap:.5rem;flex-wrap:wrap;align-items:center}.platform-actions{display:flex;gap:.75rem;flex-wrap:wrap}.platform-count-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.platform-spinner{text-align:center;padding:2rem;color:var(--muted)}.platform-error{text-align:center;padding:2rem;color:var(--danger)}.platform-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.4);display:flex;align-items:center;justify-content:center;z-index:1000}.platform-modal-content{background:white;border-radius:var(--radius-xl);padding:2rem;max-width:520px;width:90%;max-height:80vh;overflow:auto;box-shadow:var(--shadow-xl)}.platform-modal-title{margin:0 0 .75rem;font-size:var(--text-xl);font-weight:700;color:var(--text)}.platform-modal-message{color:#4B5563;margin-bottom:1.5rem}.platform-modal-actions{display:flex;gap:.75rem;justify-content:flex-end;flex-wrap:wrap;margin-top:1rem}.platform-form-field{display:flex;flex-direction:column;gap:.3rem;margin-bottom:.8rem}.platform-form-field--inline{flex-direction:row;align-items:center;gap:.5rem}.platform-form-label{font-weight:600}.platform-form-input,.platform-form-label{font-size:var(--text-sm);color:var(--text)}.platform-form-input{padding:.6rem .8rem;border-radius:var(--radius-sm);border:1.5px solid var(--border);background:white}.platform-form-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow);outline:none}.platform-expanded-row{background:#FAFAFA;padding:1rem;font-size:var(--text-sm);border-bottom:1px solid var(--border)}.platform-detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));grid-gap:.8rem;gap:.8rem}.platform-detail-header{display:block;margin-bottom:.5rem}.platform-empty-row{text-align:center;color:var(--muted);padding:2rem .75rem}.platform-empty-text{color:var(--muted)}.platform-clickable-row{cursor:pointer}.platform-clickable-row:hover td{background:var(--surface-soft)}.platform-slug{color:var(--muted);font-size:var(--text-xs)}.platform-activity-list{list-style:none;padding:0;margin:0}.platform-activity-item{padding:.6rem 0;border-bottom:1px solid #f3f4f6;display:flex;justify-content:space-between;align-items:center;font-size:var(--text-sm)}.platform-activity-time{color:var(--muted);font-size:var(--text-xs);white-space:nowrap;margin-left:1rem}.platform-supplier-products{margin-top:.75rem}.platform-product-tags{display:flex;gap:.4rem;flex-wrap:wrap;margin-top:.4rem}.platform-product-tag{padding:.2rem .6rem;border-radius:var(--radius-pill);background:#EFF6FF;color:#1E40AF;font-size:var(--text-xs)}