:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:rgba(170,59,255,.1);--accent-border:rgba(170,59,255,.5);--social-bg:rgba(244,243,236,.5);--shadow:rgba(0,0,0,.1) 0 10px 15px -3px, rgba(0,0,0,.05) 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (max-width:1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:rgba(192,132,252,.15);--accent-border:rgba(192,132,252,.5);--social-bg:rgba(47,48,58,.5);--shadow:rgba(0,0,0,.4) 0 10px 15px -3px, rgba(0,0,0,.25) 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}body{margin:0}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (max-width:1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (max-width:1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}:root{--bg-color:#1e1e24;--bg-header:rgba(39,39,42,.85);--bg-drawer:rgba(39,39,42,.95);--bg-modal:rgba(24,24,27,.98);--card-bg:rgba(255,255,255,.06);--card-border:rgba(255,255,255,.1);--primary-grad:linear-gradient(135deg, #6366f1, #a855f7);--text-color:#f4f4f5;--text-muted:#a1a1aa;--accent-green:#10b981;--accent-orange:#f59e0b;--accent-red:#ef4444;--accent-blue:#3b82f6}.light-theme{--bg-color:#f4f4f5;--bg-header:rgba(228,228,231,.85);--bg-drawer:rgba(255,255,255,.95);--bg-modal:rgba(244,244,245,.98);--card-bg:rgba(255,255,255,.85);--card-border:rgba(9,9,11,.08);--text-color:#18181b;--text-muted:#71717a}.light-theme .form-input,.light-theme .product-search{color:var(--text-color);background:rgba(0,0,0,.03);border-color:rgba(0,0,0,.08)}.light-theme .form-input:focus,.light-theme .product-search:focus{background:rgba(0,0,0,.05);border-color:#a855f7}.light-theme .cat-pill{color:var(--text-muted);background:rgba(0,0,0,.02);border-color:rgba(0,0,0,.08)}.light-theme .cat-pill.active{color:#fff;border-color:transparent}.light-theme .checkout-header{border-bottom-color:rgba(0,0,0,.08)}.light-theme .checkout-footer{background:rgba(0,0,0,.02);border-top-color:rgba(0,0,0,.08)}.light-theme .cart-qty-control{background:rgba(0,0,0,.02);border-color:rgba(0,0,0,.08)}.light-theme .item-notes-input{color:var(--text-color);background:rgba(0,0,0,.02);border-color:rgba(0,0,0,.08)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-color);min-height:100vh;margin:0;padding:0;font-family:Outfit,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.app-container{background:var(--bg-color);border-left:1px solid var(--card-border);border-right:1px solid var(--card-border);flex-direction:column;width:95%;max-width:95%;min-height:100vh;margin:0 auto;padding-bottom:70px;display:flex;position:relative;box-shadow:0 0 40px rgba(0,0,0,.5)}.app-header{background:var(--bg-header);backdrop-filter:blur(12px);border-bottom:1px solid var(--card-border);z-index:10;justify-content:space-between;align-items:center;padding:15px 20px;display:flex;position:sticky;top:0}.app-title{background:var(--primary-grad);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:18px;font-weight:800}.waiter-badge{color:var(--accent-orange);background:rgba(245,158,11,.1);border:1px solid rgba(245,158,11,.2);border-radius:12px;padding:4px 10px;font-size:12px;font-weight:700}.notifications-panel{background:rgba(239,68,68,.1);border-bottom:1px solid rgba(239,68,68,.2);flex-direction:column;gap:8px;padding:12px 20px;animation:.3s slideDown;display:flex}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.notification-item{color:var(--text-color);justify-content:space-between;align-items:center;font-size:13px;font-weight:600;display:flex}.btn-dispatch{background:var(--accent-green);color:#fff;cursor:pointer;border:none;border-radius:6px;padding:4px 10px;font-size:11px;font-weight:700;transition:all .2s}.btn-served{border:1px solid var(--card-border);color:var(--text-muted);cursor:not-allowed;background:rgba(255,255,255,.1);border-radius:6px;padding:4px 10px;font-size:11px;font-weight:700;transition:all .2s}.light-theme .btn-served{color:#6b7280;background:rgba(0,0,0,.05);border-color:rgba(0,0,0,.08)}.btn-remove-item{color:var(--accent-red);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:2px;font-size:14px;transition:transform .2s,opacity .2s;display:inline-flex}.btn-remove-item:hover{opacity:.8;transform:scale(1.15)}.view-content{flex-grow:1;padding:20px}.login-view{text-align:center;flex-direction:column;justify-content:center;min-height:80vh;padding:30px;display:flex}.login-logo{background:var(--primary-grad);border-radius:16px;justify-content:center;align-items:center;width:70px;height:70px;margin:0 auto 20px;font-size:28px;font-weight:800;display:flex}.form-group{text-align:left;margin-bottom:20px}.form-label{color:var(--text-muted);margin-bottom:6px;font-size:12px;font-weight:600;display:block}.form-input{border:1px solid var(--card-border);width:100%;color:var(--text-color);background:rgba(255,255,255,.04);border-radius:12px;outline:none;padding:14px;font-family:inherit;font-size:15px}.form-input:focus{border-color:#a855f7}.btn-login{background:var(--primary-grad);color:#fff;cursor:pointer;border:none;border-radius:12px;width:100%;padding:14px;font-size:15px;font-weight:600}.section-title{color:var(--text-color);margin-bottom:20px;font-size:18px;font-weight:800}.tables-grid{grid-template-columns:repeat(3,1fr);gap:15px;display:grid}.table-button{background:var(--card-bg);border:1px solid var(--card-border);text-align:center;color:var(--text-color);cursor:pointer;border-radius:16px;flex-direction:column;align-items:center;gap:5px;padding:20px 10px;transition:all .2s;display:flex}.table-button:active{transform:scale(.96)}.table-button.occupied{background:rgba(245,158,11,.05);border-color:rgba(245,158,11,.3)}.table-button.billing{background:rgba(99,102,241,.05);border-color:rgba(99,102,241,.3)}.table-button-num{font-size:20px;font-weight:800}.table-button-status{text-transform:uppercase;border-radius:8px;padding:2px 6px;font-size:10px;font-weight:700}.table-button.available .table-button-status{color:var(--accent-green);background:rgba(16,185,129,.1)}.table-button.occupied .table-button-status{color:var(--accent-orange);background:rgba(245,158,11,.1)}.table-button.billing .table-button-status{color:#818cf8;background:rgba(99,102,241,.1)}.table-header-row{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.btn-back{border:1px solid var(--card-border);color:var(--text-color);cursor:pointer;background:rgba(255,255,255,.05);border-radius:10px;padding:6px 12px;font-size:13px;font-weight:600}.order-items-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:18px;margin-bottom:20px;padding:16px}.order-item-row{border-bottom:1px solid var(--card-border);color:var(--text-color);justify-content:space-between;padding:10px 0;font-size:14px;display:flex}.order-item-row:last-child{border-bottom:none}.categories-scroll{scrollbar-width:none;gap:8px;padding-bottom:12px;display:flex;overflow-x:auto}.categories-scroll::-webkit-scrollbar{display:none}.cat-pill{border:1px solid var(--card-border);color:var(--text-muted);cursor:pointer;white-space:nowrap;background:rgba(255,255,255,.02);border-radius:20px;padding:8px 14px;font-size:13px;font-weight:600}.cat-pill.active{background:var(--primary-grad);color:#fff;border-color:transparent}.product-search{border:1px solid var(--card-border);width:100%;color:var(--text-color);background:rgba(255,255,255,.04);border-radius:12px;outline:none;margin-bottom:15px;padding:12px;font-family:inherit;font-size:14px}.products-list-scroll{flex-direction:column;gap:12px;max-height:40vh;padding-right:5px;display:flex;overflow-y:auto}.product-row-card{background:var(--card-bg);border:1px solid var(--card-border);text-align:left;color:var(--text-color);cursor:pointer;border-radius:14px;justify-content:space-between;align-items:center;padding:12px 14px;display:flex}.product-row-name{color:var(--text-color);text-align:left;font-size:14px;font-weight:700}.product-row-price{color:var(--accent-green);text-align:left;margin-top:2px;font-size:12px;font-weight:600}.basket-drawer{background:var(--bg-drawer);backdrop-filter:blur(15px);border-top:1px solid var(--card-border);border-left:1px solid var(--card-border);border-right:1px solid var(--card-border);z-index:15;border-top-left-radius:16px;border-top-right-radius:16px;justify-content:space-between;align-items:center;width:95%;max-width:95%;padding:15px 20px;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%);box-shadow:0 -8px 24px rgba(0,0,0,.4)}.basket-details{flex-direction:column;display:flex}.basket-count{color:var(--text-muted);text-transform:uppercase;font-size:11px}.basket-total{color:var(--accent-green);font-size:18px;font-weight:800}.btn-basket-view{background:var(--primary-grad);color:#fff;cursor:pointer;border:none;border-radius:10px;padding:10px 20px;font-size:13px;font-weight:700}.checkout-modal{background:var(--bg-modal);z-index:100;border-left:1px solid var(--card-border);border-right:1px solid var(--card-border);flex-direction:column;width:95%;max-width:95%;height:100%;display:flex;position:fixed;top:0;left:50%;transform:translate(-50%)}.item-notes-input{border:1px solid var(--card-border);width:100%;color:var(--text-color);background:rgba(255,255,255,.04);border-radius:8px;outline:none;margin-top:5px;padding:8px 12px;font-family:inherit;font-size:13px;transition:all .3s}.item-notes-input:focus{border-color:#a855f7}.checkout-header{border-bottom:1px solid var(--card-border);justify-content:space-between;align-items:center;padding:20px;display:flex}.checkout-title{font-size:18px;font-weight:800}.checkout-body{flex-direction:column;flex-grow:1;gap:15px;padding:20px;display:flex;overflow-y:auto}.checkout-footer{border-top:1px solid var(--card-border);background:rgba(0,0,0,.2);padding:20px}.checkout-item-card{border-bottom:1px solid rgba(255,255,255,.03);padding-bottom:15px}.checkout-item-meta{justify-content:space-between;align-items:center;display:flex}.cart-qty-control{border:1px solid var(--card-border);background:rgba(255,255,255,.05);border-radius:8px;align-items:center;gap:8px;padding:3px;display:flex}.btn-qty-mini{background:var(--primary-grad);color:#fff;cursor:pointer;border:none;border-radius:6px;justify-content:center;align-items:center;width:24px;height:24px;font-size:14px;display:flex}.swal2-popup{color:#f3f4f6!important;border:1px solid var(--card-border)!important;background:#111827!important;border-radius:24px!important;font-family:Outfit,sans-serif!important}.light-theme .swal2-popup{color:#1f2937!important;background:#fff!important;border-color:rgba(0,0,0,.08)!important}.swal2-title{color:inherit!important;font-family:Outfit,sans-serif!important}.swal2-html-container{color:var(--text-muted)!important;font-family:Outfit,sans-serif!important}.swal2-input{border:1px solid var(--card-border)!important;color:var(--text-color)!important;box-shadow:none!important;background:rgba(255,255,255,.05)!important;border-radius:12px!important;margin-top:10px!important;padding:10px 14px!important;font-family:Outfit,sans-serif!important;font-size:14px!important}.light-theme .swal2-input{color:#1f2937!important;background:rgba(0,0,0,.03)!important;border-color:rgba(0,0,0,.08)!important}.swal2-confirm{background:var(--primary-grad)!important;border-radius:12px!important;font-family:Outfit,sans-serif!important;font-size:14px!important;font-weight:600!important}.swal2-cancel{border-radius:12px!important;font-family:Outfit,sans-serif!important;font-size:14px!important;font-weight:600!important}.swal2-validation-message{color:var(--accent-red)!important;background:rgba(239,68,68,.1)!important;border-radius:10px!important;font-family:Outfit,sans-serif!important}