:root{font-family:Barlow,sans-serif;color:#1f2933;background:radial-gradient(circle at top left,rgba(255,196,61,.32),transparent 28%),radial-gradient(circle at bottom right,rgba(217,71,39,.16),transparent 24%),linear-gradient(180deg,#fff8eb,#eff3f7 52%,#ecf0f5);line-height:1.4;font-weight:500;color-scheme:light;--ink: #173042;--muted: rgba(23, 48, 66, .64);--accent: #d94727;--accent-dark: #b53216;--gold: #f3b641;--panel: rgba(255, 255, 255, .9);--line: rgba(23, 48, 66, .12);--shadow: 0 24px 60px rgba(44, 53, 74, .12)}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,textarea,select{font:inherit}button{cursor:pointer;border:0}input,textarea,select{width:100%;border:1px solid var(--line);border-radius:18px;padding:.95rem 1rem;background:#fffffff5}textarea{min-height:92px;resize:vertical}label{display:grid;gap:.45rem;font-weight:600}.app-shell{min-height:100vh;padding:1.5rem;color:var(--ink)}.loading-shell{display:grid;place-items:center;font-size:1.15rem}.hero-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.5rem}.hero-header h1,.panel h2,.gate-card h1,.welcome-hero h1,.draft-card h3,.call-banner h2{margin:0;font-family:Space Grotesk,sans-serif}.hero-copy,.gate-copy{max-width:58rem;margin-top:.6rem;color:var(--muted)}.eyebrow{margin:0 0 .3rem;text-transform:uppercase;letter-spacing:.14em;font-size:.75rem;font-weight:800;color:#17304294}.top-tabs,.category-strip,.choice-grid,.gate-actions,.welcome-actions,.draft-actions,.order-card-actions,.call-banner-actions{display:flex;flex-wrap:wrap;gap:.75rem}.category-strip.vertical{flex-direction:column;flex-wrap:nowrap}.chip,.choice,.small-button,.ghost-button,.primary-button,.keypad-key{border-radius:20px;padding:.9rem 1rem;transition:transform .12s ease,background .12s ease,color .12s ease}.choice{display:inline-flex;align-items:center;gap:.7rem}.chip{background:#ffffffbd;color:var(--ink);box-shadow:inset 0 0 0 1px var(--line)}.chip.active,.choice.active,.primary-button,.send-button,.start-call-button{background:var(--accent);color:#fff}.chip:hover,.choice:hover,.small-button:hover,.ghost-button:hover,.primary-button:hover,.send-button:hover,.keypad-key:hover,.menu-tile:hover,.start-call-button:hover{transform:translateY(-1px)}.gate-shell,.welcome-stage{min-height:calc(100vh - 11rem);display:grid;gap:1.25rem;align-content:start}.gate-card,.panel,.welcome-hero,.welcome-stats,.modal-card{background:var(--panel);border:1px solid rgba(255,255,255,.72);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:var(--shadow);border-radius:30px}.gate-card{width:min(560px,100%);margin:0 auto;padding:1.5rem}.code-display{margin-top:1rem;padding:1.1rem 1rem;border-radius:24px;background:#fff;text-align:center;font-size:clamp(2rem,8vw,3rem);font-weight:800;letter-spacing:.18em;box-shadow:inset 0 0 0 1px var(--line)}.keypad-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.9rem;margin-top:1rem}.keypad-key{min-height:72px;background:#ffffffeb;box-shadow:inset 0 0 0 1px var(--line);font-size:1.25rem;font-weight:800}.keypad-key.secondary{grid-column:span 1;background:#f7ede7;color:var(--ink)}.gate-submit{min-width:180px}.gate-hint{margin:.9rem 0 0;color:var(--muted)}.welcome-stage{grid-template-columns:1.35fr .85fr;padding-top:1rem}.welcome-hero{padding:2rem;background:linear-gradient(135deg,#fffffff2,#fff0daf5)}.welcome-hero h1{font-size:clamp(2.4rem,4vw,4rem)}.welcome-actions{margin-top:1.5rem}.welcome-stats{padding:1.25rem;display:grid;gap:1rem;align-content:center}.stat-card{border-radius:24px;padding:1.3rem;color:#fff;display:grid;gap:.45rem}.stat-card strong{font-size:2.7rem;font-family:Space Grotesk,sans-serif}.stat-card.hot{background:linear-gradient(160deg,#d94727,#f06b45)}.stat-card.cool{background:linear-gradient(160deg,#173042,#2c6075)}.hero-secondary{background:#ffffffdb}.start-call-button{min-height:68px;min-width:min(100%,320px);border-radius:24px;padding:1rem 1.45rem;font-size:1.2rem;font-weight:800;box-shadow:0 14px 28px #d9472747}.call-workspace{display:grid;gap:1rem}.call-banner{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.2rem;border-radius:26px;background:linear-gradient(135deg,#173042f2,#2c6075eb);color:#fff;box-shadow:var(--shadow)}.call-banner .eyebrow{color:#ffffffb3}.call-pill{min-height:44px;display:inline-flex;align-items:center;padding:.65rem 1rem;border-radius:999px;background:#ffffff24;font-weight:700}.workspace-grid{display:grid;grid-template-columns:1.45fr .95fr;gap:1.25rem}.panel,.modal-card{padding:1.3rem}.panel-header{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.1rem}.quick-hint{color:var(--muted);font-size:.95rem}.customer-grid,.admin-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-bottom:1rem}.item-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.9rem;margin-top:1rem}.menu-browser{display:grid;grid-template-columns:220px minmax(0,1fr);gap:1rem;margin-top:1rem;align-items:start}.category-sidebar{position:sticky;top:1rem}.items-panel{min-width:0}.items-toolbar{display:flex;gap:.75rem;margin-bottom:.9rem;align-items:center}.items-toolbar input{flex:1 1 auto}.category-sidebar .chip{width:100%;justify-content:flex-start;text-align:left}.items-panel .item-grid{margin-top:0}.menu-tile{padding:1.25rem 1rem;min-height:118px;border-radius:24px;text-align:left;background:linear-gradient(180deg,#fffdf8,#fff4db);box-shadow:inset 0 0 0 1px #d3901124;display:grid;align-content:space-between}.menu-tile span{font-size:1.1rem;font-weight:700}.menu-tile small,.cart-meta,.cart-note,.order-card p{color:var(--muted)}.draft-card{margin-top:1rem;padding:1rem;border-radius:24px;background:#fff6eaf2;border:1px solid rgba(217,71,39,.12)}.draft-header,.utensils-row,.cart-item,.order-card-top,.cart-summary{display:flex;justify-content:space-between;gap:1rem;align-items:center}.question-block{margin-bottom:1rem;padding:.85rem;border-radius:20px;background:#ffffff8f}.question-title{margin-bottom:.2rem;font-weight:700}.question-hint{margin:0 0 .7rem;color:var(--muted);font-size:.92rem}.multi-question{background:#fff4e4eb;box-shadow:inset 0 0 0 1px #d9472714}.choice-indicator{display:inline-grid;place-items:center;width:1.25rem;height:1.25rem;flex:0 0 1.25rem;background:#fffffff0;box-shadow:inset 0 0 0 1px #17304233;color:var(--accent);font-size:.9rem;font-weight:800}.radio-indicator{border-radius:999px}.checkbox-indicator{border-radius:.35rem}.choice.active .choice-indicator{background:#fffffff5;box-shadow:inset 0 0 0 2px #ffffffe6}.qty-stepper{display:inline-flex;align-items:center;gap:.7rem;background:#fff;border-radius:999px;padding:.35rem;box-shadow:inset 0 0 0 1px var(--line)}.qty-stepper button,.small-button,.ghost-button,.primary-button,.send-button{min-height:44px}.qty-stepper button{width:44px;border-radius:999px;background:#f4f6f8}.qty-stepper.compact button{width:34px;min-height:34px}.ghost-button,.small-button{background:#ffffffeb;box-shadow:inset 0 0 0 1px var(--line)}.small-button.danger{color:var(--accent-dark)}.primary-button,.send-button{box-shadow:0 12px 24px #d947273d}.send-button{width:100%;border-radius:22px;padding:1rem 1.2rem;font-size:1.05rem;font-weight:800;margin-top:1rem}.end-call-button{width:100%;margin-top:.75rem}.cart-summary{margin-bottom:1rem;padding:.95rem 1rem;border-radius:20px;background:#fffaf3eb;box-shadow:inset 0 0 0 1px #d390111f}.cart-summary span{display:block;font-size:.8rem;color:var(--muted);text-transform:uppercase;letter-spacing:.12em}.cart-list,.admin-overview{display:grid;gap:.85rem}.cart-item,.order-card,.admin-category,.admin-item{border-radius:22px;background:#ffffffdb;padding:1rem;box-shadow:inset 0 0 0 1px var(--line)}.cart-divider{background:linear-gradient(180deg,#fff4e4fa,#ffead2fa);box-shadow:inset 0 0 0 2px #d9472724}.cart-divider-label{margin:0 0 .25rem;text-transform:uppercase;letter-spacing:.14em;font-size:.8rem;color:var(--accent-dark);font-weight:800}.new-client-modal{width:min(540px,100%)}.ticket-card{max-width:480px;margin:0 auto;border-radius:12px;background:linear-gradient(180deg,#fffffffa,#fbfbf8fa);padding:1.1rem 1rem;box-shadow:0 18px 40px #1e27381f,inset 0 0 0 1px #0000000f;position:relative;font-family:Space Grotesk,Barlow,sans-serif}.ticket-card:before,.ticket-card:after{content:"";position:absolute;left:12px;right:12px;height:10px;background:radial-gradient(circle at 5px 5px,transparent 5px,rgba(238,238,232,1) 5.5px);background-size:16px 10px}.ticket-card:before{top:-8px}.ticket-card:after{bottom:-8px;transform:rotate(180deg)}.ticket-header{text-align:center}.ticket-brand,.ticket-stamp,.ticket-footer p,.ticket-answer,.ticket-note{margin:0}.ticket-brand{font-size:.95rem;letter-spacing:.18em;font-weight:800}.ticket-number{display:block;margin-top:.3rem;font-size:1.3rem}.ticket-stamp{margin-top:.35rem;color:var(--muted);font-size:.9rem}.ticket-paper-count{margin:.4rem 0 0;font-size:.85rem;letter-spacing:.14em;text-transform:uppercase;color:var(--accent-dark);font-weight:800}.ticket-meta{margin-top:.85rem;display:grid;gap:.35rem}.ticket-meta-compact{margin-top:.7rem}.ticket-meta-row,.ticket-item-row{display:flex;justify-content:space-between;gap:1rem}.ticket-section-head{text-align:center}.ticket-section-number{display:inline-block;font-size:1.05rem;letter-spacing:.08em}.ticket-customer-stack{display:grid;justify-items:end;gap:.15rem;text-align:right}.ticket-meta-row span{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:.82rem}.ticket-rule{height:1px;margin:.9rem 0;background:repeating-linear-gradient(90deg,rgba(23,48,66,.45) 0 8px,transparent 8px 14px)}.ticket-lines{display:grid;gap:.9rem}.ticket-item{display:grid;gap:.3rem}.ticket-item+.ticket-item{padding-top:.8rem;border-top:1px dashed rgba(23,48,66,.28)}.ticket-divider{justify-items:center;text-align:center;padding:.95rem 0 .2rem}.ticket-divider-label{margin:0;font-size:.82rem;letter-spacing:.18em;text-transform:uppercase;color:var(--accent-dark);font-weight:800}.ticket-divider-name{font-size:1.35rem;line-height:1.1}.ticket-answer,.ticket-note{padding-left:.5rem;color:var(--muted);font-size:.92rem}.ticket-footer{display:grid;gap:.3rem;font-size:.95rem}.ticket-pickup{text-align:center;padding:.6rem 0 .1rem}.ticket-pickup span{display:block;font-size:.9rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.ticket-pickup strong{display:block;margin-top:.25rem;font-size:2rem;line-height:1;letter-spacing:.04em}.ticket-actions{margin-top:1rem;justify-content:center}.admin-row{display:flex;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.6rem}.admin-actions{display:flex;flex-wrap:wrap;gap:.5rem}.admin-question-row{display:flex;justify-content:space-between;align-items:center;gap:.75rem;margin-top:.45rem}.admin-question-row p{margin:0}.cart-actions{display:grid;gap:.75rem;justify-items:end}.cart-meta,.cart-note,.order-card p{margin:.2rem 0 0}.empty-state{padding:1.5rem;border-radius:20px;text-align:center;background:#ffffff9e}.error-banner,.flash-banner{margin-top:1rem;padding:.9rem 1rem;border-radius:18px}.error-banner{background:#ffe3df;color:#8d1d11}.flash-banner{margin-bottom:1rem;background:#e5f6e8;color:#215729}.board-grid{display:grid;grid-template-columns:repeat(4,minmax(240px,1fr));gap:1rem;overflow-x:auto}.recent-orders-list{display:grid;gap:1rem}.status-column{display:grid;gap:.85rem;align-content:start}.status-column h3,.admin-form h3,.admin-category h3{margin:0;font-family:Space Grotesk,sans-serif}.order-lines{margin-top:.5rem}.admin-form{display:grid;gap:.75rem;padding:1rem;border-radius:24px;background:#fffcf6eb;box-shadow:inset 0 0 0 1px #17304214}.checkbox-row{display:flex;align-items:center;gap:.75rem}.checkbox-row input{width:auto}.modal-backdrop{position:fixed;inset:0;background:#0d182673;display:grid;place-items:center;padding:1rem}.modal-card{width:min(540px,100%)}.question-modal{width:min(760px,100%);max-height:calc(100vh - 2rem);overflow:hidden}.modal-draft-card{margin-top:0;background:transparent;border:0;padding:0}.question-modal-body{max-height:calc(100vh - 18rem);overflow:auto;padding-right:.25rem}@media(max-width:1080px){.hero-header,.workspace-grid,.customer-grid,.admin-grid,.welcome-stage,.call-banner{grid-template-columns:1fr;display:grid}.menu-browser{grid-template-columns:1fr}.items-toolbar{flex-direction:column;align-items:stretch}.category-sidebar{position:static}.category-strip.vertical{flex-direction:row;flex-wrap:wrap}.board-grid{grid-template-columns:1fr}}@media(max-width:720px){.app-shell{padding:1rem}.panel,.modal-card,.gate-card,.welcome-hero,.welcome-stats{padding:1rem;border-radius:24px}.menu-tile{min-height:92px}.keypad-grid{gap:.7rem}.keypad-key{min-height:62px}}