:root{--ink-900: #1B140F;--ink-800: #241B14;--ink-700: #322519;--ink-line: #4A3A28;--paper: #FBF6EC;--paper-dim: #F1E6CF;--ink-text: #2A1F15;--ink-text-soft: #6B5C49;--marigold: #E2992E;--marigold-dark: #B9781F;--chili: #C2462E;--sage: #5C7F4F;--sage-dark: #43602F;--font-display: "Fraunces", Georgia, serif;--font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "IBM Plex Mono", "SFMono-Regular", Consolas, monospace;--radius: 10px;--shadow-card: 0 1px 2px rgba(27, 20, 15, .06), 0 6px 16px rgba(27, 20, 15, .07);--shadow-card-dark: 0 6px 20px rgba(0, 0, 0, .35)}*{box-sizing:border-box}html,body{margin:0;font-family:var(--font-body);background:var(--paper-dim);color:var(--ink-text);-webkit-font-smoothing:antialiased}#root{min-height:100vh}a{color:inherit}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible{outline:2px solid var(--marigold-dark);outline-offset:2px}@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}}.page{max-width:520px;margin:0 auto;padding:16px clamp(14px,4vw,20px) 140px}.staff-page{min-height:100vh;background:radial-gradient(circle at 10% 0%,rgba(226,153,46,.08),transparent 40%),var(--ink-900);color:var(--paper)}.staff-shell{max-width:1140px;margin:0 auto;padding:clamp(16px,4vw,32px)}.topbar{background:var(--ink-900);color:var(--paper);padding:18px 16px 22px;text-align:center;position:relative}.topbar:after{content:"";display:block;position:absolute;left:0;right:0;bottom:-1px;height:10px;background-image:radial-gradient(circle at 10px 0,var(--paper-dim) 6px,transparent 7px);background-size:20px 10px;background-repeat:repeat-x}.topbar__eyebrow{font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--marigold);margin-bottom:4px}.topbar__table{font-family:var(--font-display);font-size:clamp(24px,6vw,30px);font-weight:600}h1,h2,h3{font-family:var(--font-display);margin:0}.section-title{font-family:var(--font-display);font-size:19px;font-weight:600;color:var(--ink-text);margin:28px 0 10px;display:flex;align-items:baseline;gap:10px}.section-title:after{content:"";flex:1;height:1px;background:repeating-linear-gradient(to right,var(--ink-line) 0 6px,transparent 6px 11px);opacity:.55}.staff-page .section-title{color:var(--paper)}.staff-page .section-title:after{background:repeating-linear-gradient(to right,#5a4632 0 6px,transparent 6px 11px)}.mono{font-family:var(--font-mono)}.menu-category-title{font-family:var(--font-display);font-size:15px;font-weight:600;letter-spacing:.02em;text-transform:uppercase;color:var(--marigold-dark);margin:22px 0 10px}.menu-item{display:flex;justify-content:space-between;align-items:center;gap:12px;background:var(--paper);border-radius:var(--radius);padding:12px 14px;margin-bottom:8px;box-shadow:var(--shadow-card)}.menu-item-name{font-weight:600;font-size:15px}.menu-item-price{font-family:var(--font-mono);color:var(--ink-text-soft);font-size:13px;margin-top:2px}.menu-item-desc{font-size:12px;color:var(--ink-text-soft);margin-top:3px}.menu-item-empty{color:var(--ink-text-soft);font-size:13px}button{cursor:pointer;border:none;border-radius:8px;padding:9px 16px;font-size:14px;font-weight:600;font-family:var(--font-body);transition:transform .08s ease,filter .15s ease;white-space:nowrap}button:active{transform:scale(.97)}button:disabled{opacity:.55;cursor:not-allowed;transform:none}.btn-primary{background:var(--marigold);color:var(--ink-900)}.btn-primary:hover:not(:disabled){filter:brightness(1.06)}.btn-secondary{background:#7f6e5024;color:var(--ink-text)}.staff-page .btn-secondary{background:var(--marigold);color:var(--ink-900)}.btn-danger{background:var(--chili);color:#fff}.btn-small{padding:5px 11px;font-size:12px;border-radius:6px}.btn-block{width:100%;padding:13px;font-size:15px}.qty-control{display:flex;align-items:center;gap:6px;flex-wrap:nowrap;flex-shrink:0}.qty-control button{width:30px;height:30px;padding:0;font-size:16px;border-radius:50%;background:var(--paper-dim);color:var(--ink-text)}.qty-control span{min-width:18px;text-align:center;font-weight:600;font-family:var(--font-mono)}.cart-item{display:flex;justify-content:space-between;align-items:center;gap:10px;background:var(--paper);border-radius:var(--radius);padding:10px 12px;margin-bottom:8px;box-shadow:var(--shadow-card)}.cart-item-info{min-width:0;flex:1 1 auto}.cart-item-info .menu-item-name{font-size:14px;overflow-wrap:anywhere}.cart-item-controls{display:flex;align-items:center;gap:6px;flex-shrink:0}.icon-btn{width:30px;height:30px;padding:0;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:#c2462e1f;color:var(--chili);flex-shrink:0}.icon-btn:hover:not(:disabled){background:#c2462e38}.icon-btn svg{width:15px;height:15px}.ticket{background:var(--paper);color:var(--ink-text);border-radius:4px;padding:16px;position:relative;box-shadow:var(--shadow-card-dark);max-width:100%;overflow:hidden}.ticket:before{content:"";display:block;position:absolute;left:12px;right:12px;top:0;height:8px;background-image:radial-gradient(circle at 8px 0,var(--ink-900) 5px,transparent 6px);background-size:16px 8px;background-repeat:repeat-x;transform:translateY(-1px)}.ticket+.ticket{margin-top:14px}.ticket-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;gap:8px}.ticket-table{font-family:var(--font-display);font-weight:600;font-size:16px}.ticket-meta{font-family:var(--font-mono);font-size:11px;color:var(--ink-text-soft)}.ticket-line{font-size:13.5px;color:var(--ink-text-soft);margin-bottom:2px;display:flex;justify-content:space-between;gap:8px}.ticket-line-note{font-size:11.5px;color:var(--chili)}.ticket-round-label{font-family:var(--font-mono);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--ink-text-soft)}.ticket-divider{border:none;border-top:1px dashed var(--ink-line);opacity:.4;margin:10px 0}.ticket-total{display:flex;justify-content:space-between;font-weight:700;font-family:var(--font-mono);margin-top:8px;font-size:15px}.status-badge{display:inline-block;padding:3px 11px;border-radius:20px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.03em;font-family:var(--font-mono);white-space:nowrap}.status-draft{background:#e4dacb;color:#6b5c49}.status-confirmed{background:#fbe3b8;color:#8a5a14}.status-accepted,.status-preparing{background:#dce7f5;color:#2a4f80}.status-ready{background:#dceeda;color:var(--sage-dark)}.status-served{background:#d3ecd7;color:#2c5c30}.status-cancelled{background:#f6d9d3;color:#8a2e1c}.cart-empty{color:var(--ink-text-soft);text-align:center;margin-top:24px;font-size:14px;padding:24px;border:1px dashed var(--ink-line);border-radius:var(--radius);opacity:.85}.cart-hint{font-size:11.5px;color:var(--ink-text-soft);text-align:center;margin-top:10px;line-height:1.5}.cart-subtotal-row{display:flex;justify-content:space-between;align-items:baseline;margin:16px 0;font-weight:700;font-family:var(--font-mono);font-size:16px}.invoice-ticket{background:var(--sage);color:#fff}.invoice-ticket:before{background-image:radial-gradient(circle at 8px 0,var(--paper-dim) 5px,transparent 6px)}.invoice-amount{font-family:var(--font-mono);font-size:22px;font-weight:700;margin:6px 0 12px}.invoice-ticket .ticket-round-label,.invoice-ticket .ticket-meta{color:#ffffffd9}.order-page .ticket.invoice-ticket{background:var(--sage);backdrop-filter:none;-webkit-backdrop-filter:none}.staff-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;margin-bottom:24px}.staff-header h2{color:var(--paper);font-size:clamp(20px,4vw,26px)}.staff-user-chip{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:13px;color:var(--paper-dim)}.staff-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}.tab-row{display:flex;gap:8px;margin-bottom:22px;flex-wrap:wrap}.empty-state{color:var(--paper-dim);opacity:.7;font-size:14px;grid-column:1 / -1}.field{width:100%;padding:10px 12px;border-radius:8px;border:1px solid var(--ink-line);background:var(--paper);color:var(--ink-text);font-family:var(--font-body);font-size:14px;margin-bottom:12px}.field:focus{outline:2px solid var(--marigold-dark);outline-offset:1px}textarea.field{resize:vertical;min-height:80px}.form-row{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-bottom:12px}.form-row .field{width:auto;flex:1;min-width:110px;margin-bottom:0}.form-row-hint{font-size:12.5px;color:var(--ink-text-soft);flex-basis:100%}.radio-row{display:flex;gap:18px;margin-bottom:12px;flex-wrap:wrap;font-size:14px}.radio-row label{display:flex;align-items:center;gap:6px;cursor:pointer}.login-shell{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}.login-ticket{width:100%;max-width:360px}.login-ticket h2{text-align:center;font-size:24px;margin-bottom:18px;color:var(--ink-text)}.login-error{color:var(--chili);font-size:13px;margin:-4px 0 12px}.login-hint{text-align:center;font-size:12px;color:var(--ink-text-soft);margin-top:14px}.qr-ticket{text-align:center}.qr-ticket img{width:100%;max-width:160px;height:auto;margin-top:10px;border-radius:4px;background:#fff;padding:6px}.qr-ticket .status-badge{margin-top:6px}.order-page{position:relative;min-height:100vh;isolation:isolate}.food-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-2;background-image:var(--food-photo, none);background-size:cover;background-position:center;background-color:var(--ink-900)}.food-bg:before{content:"";position:absolute;top:-10%;right:-10%;bottom:-10%;left:-10%;background:radial-gradient(circle at 18% 22%,rgba(226,153,46,.55),transparent 38%),radial-gradient(circle at 88% 12%,rgba(194,70,46,.45),transparent 42%),radial-gradient(circle at 78% 82%,rgba(92,127,79,.4),transparent 42%),radial-gradient(circle at 22% 88%,rgba(226,153,46,.3),transparent 38%);filter:blur(60px) saturate(1.25)}.food-bg:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#140e098c}.order-layout{position:relative;z-index:1;display:grid;grid-template-columns:1fr;gap:22px;max-width:1080px;margin:0 auto;padding:22px clamp(14px,4vw,24px) 60px}.order-layout__cart{display:flex;flex-direction:column;gap:16px}.order-page .menu-item,.order-page .ticket,.order-page .cart-empty{background:#fbf6ece6;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.order-page .topbar{position:relative;z-index:1}@media (min-width: 880px){.order-layout{grid-template-columns:1.55fr 1fr;align-items:start}.order-layout__cart{position:sticky;top:22px}.cart-ticket{display:flex;flex-direction:column;max-height:calc(100vh - 110px)}.cart-body{display:flex;flex-direction:column;flex:1;min-height:0}.cart-items-scroll{flex:1;overflow-y:auto;min-height:0;padding-right:4px;margin-right:-4px}.cart-footer{flex-shrink:0}}@media (max-width: 640px){.staff-grid{grid-template-columns:1fr}.staff-header{flex-direction:column;align-items:flex-start}.ticket-header{flex-wrap:wrap}}@media (max-width: 420px){.page{padding-left:12px;padding-right:12px}.topbar__table{font-size:22px}button{font-size:13.5px}}