:root{--bg-deep: #0A0A0A;--bg-surface: #171717;--bg-elevated: #1F1F1F;--bg-card: #252525;--ember: #F97316;--ember-bright: #FB923C;--warm: #FBBF24;--warm-dim: #D97706;--text: #F5F5F5;--text-muted: #71717A;--text-dim: #3F3F46;--success: #10B981;--error: #F43F5E;--ember-glow: rgba(249, 115, 22, .15)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,sans-serif;background:var(--bg-deep);color:var(--text);-webkit-font-smoothing:antialiased;height:100vh;overflow:hidden;-webkit-tap-highlight-color:transparent;touch-action:manipulation}#root{height:100vh;display:flex;flex-direction:column}.tablet-header{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;background:var(--bg-surface);border-bottom:1px solid rgba(249,115,22,.08);flex-shrink:0}.tablet-logo{font-size:22px;font-weight:900;letter-spacing:-1px}.tablet-logo span{color:var(--ember)}.table-badge{background:var(--bg-elevated);padding:6px 14px;border-radius:8px;font-size:13px;font-weight:600;border:1px solid rgba(249,115,22,.15)}.table-badge strong{color:var(--ember)}.cart-btn{position:relative;display:flex;align-items:center;gap:8px;padding:10px 18px;border-radius:12px;border:none;background:var(--ember);color:var(--bg-deep);font-family:inherit;font-size:14px;font-weight:700;cursor:pointer;min-height:44px;min-width:44px;transition:all .2s}.cart-btn:hover{box-shadow:0 0 30px #f973164d}.cart-badge{position:absolute;top:-6px;right:-6px;background:var(--error);color:#fff;width:22px;height:22px;border-radius:50%;font-size:12px;font-weight:800;display:flex;align-items:center;justify-content:center}.category-tabs{display:flex;gap:8px;padding:12px 20px;overflow-x:auto;flex-shrink:0;background:var(--bg-deep);-webkit-overflow-scrolling:touch}.category-tabs::-webkit-scrollbar{display:none}.cat-tab{flex-shrink:0;padding:10px 20px;border-radius:12px;border:1px solid var(--text-dim);background:transparent;color:var(--text-muted);font-family:inherit;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;min-height:44px}.cat-tab.active{background:var(--ember);border-color:var(--ember);color:var(--bg-deep)}.menu-grid{flex:1;display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:14px;padding:8px 20px 20px;overflow-y:auto;align-content:start;-webkit-overflow-scrolling:touch}.menu-item{background:var(--bg-surface);border:1px solid rgba(255,255,255,.04);border-radius:16px;overflow:hidden;cursor:pointer;transition:all .2s;-webkit-user-select:none;user-select:none}.menu-item:active{transform:scale(.97)}.menu-item-img-wrap{width:100%;aspect-ratio:4/3;position:relative;overflow:hidden;background:var(--bg-elevated)}.menu-item-img{width:100%;aspect-ratio:4/3;object-fit:cover;background:var(--bg-elevated);display:block;border-radius:16px 16px 0 0}.menu-item-img-loaded{opacity:1;transition:opacity .3s ease-in}.menu-item-img-loading-hidden{opacity:0;position:absolute;top:0;left:0}.menu-item-img-loading{position:absolute;top:0;left:0}.menu-item-img-placeholder{width:100%;aspect-ratio:4/3;background:linear-gradient(135deg,var(--bg-elevated),var(--bg-card));display:flex;align-items:center;justify-content:center;color:var(--text-dim);font-size:32px;border-radius:16px 16px 0 0;overflow:hidden}.menu-item-body{padding:12px 14px}.menu-item-name{font-size:14px;font-weight:700;margin-bottom:4px;line-height:1.2}.menu-item-desc{font-size:11px;color:var(--text-muted);line-height:1.4;margin-bottom:8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.menu-item-footer{display:flex;align-items:center;justify-content:space-between}.menu-item-price{font-size:16px;font-weight:800;color:var(--ember)}.menu-item-price small{font-size:11px;color:var(--text-muted);font-weight:500}.menu-item-add{width:36px;height:36px;border-radius:10px;border:none;background:#f9731626;color:var(--ember);font-size:20px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.menu-item-add:active{background:var(--ember);color:var(--bg-deep)}.cart-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;z-index:100;opacity:0;pointer-events:none;transition:opacity .3s}.cart-overlay.open{opacity:1;pointer-events:auto}.cart-panel{position:fixed;right:0;top:0;bottom:0;width:min(420px,90vw);background:var(--bg-surface);z-index:101;display:flex;flex-direction:column;transform:translate(100%);transition:transform .3s cubic-bezier(.16,1,.3,1)}.cart-panel.open{transform:translate(0)}.cart-header{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border-bottom:1px solid rgba(255,255,255,.05)}.cart-header h2{font-size:20px;font-weight:800}.cart-close{width:44px;height:44px;border-radius:12px;border:1px solid var(--text-dim);background:transparent;color:var(--text-muted);font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center}.cart-items{flex:1;overflow-y:auto;padding:12px 20px}.cart-item{display:flex;align-items:center;gap:12px;padding:14px 0;border-bottom:1px solid rgba(255,255,255,.04)}.cart-item-info{flex:1}.cart-item-name{font-size:15px;font-weight:600}.cart-item-price{font-size:13px;color:var(--text-muted);margin-top:2px}.cart-item-qty{display:flex;align-items:center;gap:10px}.qty-btn{width:36px;height:36px;border-radius:8px;border:1px solid var(--text-dim);background:transparent;color:var(--text);font-size:18px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;min-height:44px;min-width:44px}.qty-value{font-size:18px;font-weight:800;min-width:24px;text-align:center}.cart-footer{padding:18px 20px;border-top:1px solid rgba(249,115,22,.15);background:var(--bg-elevated)}.cart-total{display:flex;justify-content:space-between;margin-bottom:14px;font-size:18px;font-weight:700}.cart-total-value{color:var(--ember);font-size:22px;font-weight:900}.btn-order{width:100%;padding:16px;border-radius:14px;border:none;background:var(--ember);color:var(--bg-deep);font-family:inherit;font-size:16px;font-weight:800;cursor:pointer;text-transform:uppercase;letter-spacing:1px;min-height:54px;transition:all .2s}.btn-order:hover{box-shadow:0 0 40px #f973164d}.btn-order:disabled{opacity:.4;cursor:not-allowed}.cart-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--text-dim);gap:8px}.order-status-bar{padding:14px 20px;background:#10b9811a;border-top:1px solid rgba(16,185,129,.2);display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.order-status-bar .status-text{color:var(--success);font-weight:700;font-size:14px}.order-status-bar .status-id{color:var(--text-muted);font-size:12px}.modifier-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:flex;align-items:center;justify-content:center;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modifier-modal{background:var(--bg-surface);border:1px solid rgba(255,255,255,.06);border-radius:20px;width:90%;max-width:480px;max-height:80vh;display:flex;flex-direction:column;overflow:hidden}.modifier-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid rgba(255,255,255,.06)}.modifier-header h3{font-size:18px;font-weight:700;color:var(--text)}.modifier-groups{flex:1;overflow-y:auto;padding:16px 20px}.modifier-group{margin-bottom:16px}.modifier-group-name{font-size:14px;font-weight:700;color:var(--text);margin-bottom:8px;display:flex;align-items:center;gap:8px}.modifier-required{font-size:10px;font-weight:600;color:var(--ember);background:#f9731626;padding:2px 6px;border-radius:4px;text-transform:uppercase}.modifier-hint{font-size:11px;color:var(--text-muted);font-weight:400}.modifier-options{display:flex;flex-wrap:wrap;gap:8px}.modifier-option{display:flex;align-items:center;gap:6px;padding:8px 14px;border-radius:10px;border:1px solid var(--text-dim);background:transparent;color:var(--text-muted);font-family:inherit;font-size:13px;font-weight:500;cursor:pointer;transition:all .15s}.modifier-option.selected{background:#f9731626;border-color:var(--ember);color:var(--ember);font-weight:600}.modifier-price{font-size:11px;color:var(--warm);font-weight:600}.modifier-notes-input{width:100%;padding:10px 14px;border-radius:10px;border:1px solid var(--text-dim);background:var(--bg-elevated);color:var(--text);font-family:inherit;font-size:13px;outline:none;transition:border-color .15s}.modifier-notes-input:focus{border-color:var(--ember)}.modifier-footer{padding:12px 20px;border-top:1px solid rgba(255,255,255,.06)}.cart-item-mods{font-size:11px;color:var(--ember);margin-top:2px}.cart-item-notes{font-size:11px;color:var(--warm);font-style:italic;margin-top:2px;cursor:pointer}.cart-item-add-note{background:none;border:none;color:var(--text-muted);font-size:11px;font-family:inherit;cursor:pointer;padding:2px 0;margin-top:2px}.cart-item-add-note:hover{color:var(--ember)}.cart-item-notes-input{width:100%;padding:4px 8px;margin-top:4px;border:1px solid var(--ember);border-radius:6px;background:var(--bg-elevated);color:var(--text);font-size:12px;font-family:inherit;outline:none}.pin-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--bg-deep);z-index:300;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px}.pin-logo{font-size:36px;font-weight:900;letter-spacing:-2px;margin-bottom:8px}.pin-logo span{color:var(--ember)}.pin-subtitle{color:var(--text-muted);font-size:16px;margin-bottom:32px}.pin-dots{display:flex;gap:16px;margin-bottom:16px}.pin-dot{width:18px;height:18px;border-radius:50%;border:2px solid var(--text-dim);transition:all .15s}.pin-dot.filled{background:var(--ember);border-color:var(--ember);box-shadow:0 0 12px #f9731666}.pin-error{color:var(--error);font-size:14px;font-weight:600;margin-bottom:8px;min-height:22px}.pin-pad{display:grid;grid-template-columns:repeat(3,80px);gap:12px;margin-top:16px}.pin-key{width:80px;height:80px;border-radius:50%;border:1px solid var(--text-dim);background:var(--bg-surface);color:var(--text);font-family:inherit;font-size:28px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s;-webkit-user-select:none;user-select:none}.pin-key:active{background:var(--ember);color:var(--bg-deep);border-color:var(--ember);transform:scale(.95)}.pin-key-delete{color:var(--text-muted)}.pin-key-delete:active{background:var(--error);color:#fff;border-color:var(--error)}.pin-key-spacer{width:80px;height:80px}.offline-badge{display:flex;align-items:center;gap:4px;background:#f43f5e26;color:var(--error);padding:6px 12px;border-radius:8px;font-size:12px;font-weight:700;border:1px solid rgba(244,63,94,.3);animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.waiter-badge{display:flex;align-items:center;gap:6px;background:var(--bg-elevated);padding:6px 12px;border-radius:8px;font-size:13px;font-weight:600;color:var(--text);border:1px solid rgba(249,115,22,.15)}.waiter-badge svg{color:var(--ember);flex-shrink:0}.waiter-logout-sm{width:28px;height:28px;border:none;background:transparent;color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:6px;margin-left:4px;transition:all .15s}.waiter-logout-sm:hover{color:var(--error);background:#f43f5e1a}.waiter-header-float{position:absolute;top:20px;right:20px;display:flex;align-items:center;gap:10px}.waiter-name{font-size:14px;font-weight:600;color:var(--ember)}.waiter-logout{padding:6px 14px;border-radius:8px;border:1px solid var(--text-dim);background:transparent;color:var(--text-muted);font-family:inherit;font-size:13px;font-weight:600;cursor:pointer;transition:all .15s}.waiter-logout:hover{color:var(--error);border-color:var(--error)}.table-select-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--bg-deep);z-index:200;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px}.table-select-overlay h1{font-size:32px;font-weight:900;margin-bottom:8px}.table-select-overlay h1 span{color:var(--ember)}.table-select-overlay p{color:var(--text-muted);margin-bottom:32px;font-size:16px}.table-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:12px;width:100%;max-width:600px}.table-btn{padding:20px;border-radius:14px;border:1px solid var(--text-dim);background:var(--bg-surface);color:var(--text);font-family:inherit;font-size:22px;font-weight:800;cursor:pointer;min-height:80px;transition:all .2s}.table-btn:active{background:var(--ember);color:var(--bg-deep);border-color:var(--ember)}.table-btn.occupied{opacity:.85;cursor:pointer;border-color:var(--ember);background:#f9731614}.table-orders-list{width:100%;max-width:500px;margin:12px auto;padding:0 16px;overflow-y:auto;max-height:50vh}.table-order-card{background:var(--bg-surface);border:1px solid var(--bg-elevated);border-radius:12px;padding:14px 16px;margin-bottom:10px}.table-order-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.table-order-number{font-weight:700;font-size:15px;color:var(--text)}.table-order-status{font-size:11px;font-weight:600;padding:3px 10px;border-radius:20px;text-transform:uppercase}.table-order-status.status-open{background:#fbbf2426;color:var(--warm)}.table-order-status.status-sent{background:#38bdf826;color:#38bdf8}.table-order-status.status-preparing{background:#f9731626;color:var(--ember)}.table-order-status.status-ready{background:#10b98126;color:var(--success)}.table-order-status.status-served{background:#10b98133;color:var(--success)}.table-order-total{font-family:Space Grotesk,sans-serif;font-weight:700;font-size:16px;color:var(--text)}.table-order-bill-badge{display:inline-block;margin-top:6px;font-size:11px;font-weight:600;padding:2px 10px;border-radius:20px;background:#fbbf2426;color:var(--warm)}.table-orders-grand-total{text-align:center;font-size:18px;color:var(--text);padding:10px 0}.table-orders-grand-total strong{font-family:Space Grotesk,sans-serif;color:var(--ember)}.table-orders-actions{display:flex;gap:10px;justify-content:center;padding:16px;max-width:500px;margin:0 auto}.btn-table-back,.btn-table-new,.btn-table-bill,.btn-table-qr{flex:1;padding:14px 12px;border:none;border-radius:12px;font-family:inherit;font-weight:700;font-size:14px;cursor:pointer;transition:all .15s}.btn-table-back{background:var(--bg-elevated);color:var(--text-muted)}.btn-table-new{background:var(--bg-elevated);color:var(--text);border:1px solid var(--text-dim)}.btn-table-bill{background:var(--ember);color:#fff}.btn-table-bill:disabled{opacity:.4;cursor:not-allowed}.btn-table-qr{background:#04165d;color:#fff}.bill-sent-confirmation{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px}.qr-payment-view{display:flex;flex-direction:column;align-items:center;padding:20px}.qr-payment-label{font-size:16px;font-weight:600;color:var(--text);margin-bottom:20px}.qr-payment-code{background:#fff;padding:20px;border-radius:16px;display:flex;align-items:center;justify-content:center}.qr-payment-total{font-family:Space Grotesk,sans-serif;font-size:28px;font-weight:800;color:var(--ember);margin-top:20px}.qr-payment-total small{font-size:16px;font-weight:600;opacity:.7}.qr-payment-hint{font-size:13px;color:var(--text-muted);margin-top:10px;text-align:center}