@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=JetBrains+Mono:wght@500;700&display=swap";:root{--bg-0: #070b12;--bg-1: #0e1622;--bg-2: #161e30;--bg-card: rgba(22, 30, 48, .8);--bg-hover: rgba(30, 42, 66, .95);--border: rgba(255,255,255,.07);--border-hi: rgba(255,255,255,.18);--text-1: #f0f4fc;--text-2: #8b96b0;--text-3: #4a5568;--orange: #f97316;--orange-dim: rgba(249,115,22,.18);--orange-glow:0 0 24px rgba(249,115,22,.4);--cyan: #06b6d4;--emerald: #10b981;--amber: #f59e0b;--rose: #f43f5e;--purple: #a855f7;--radius: 14px;--radius-lg: 20px;--radius-sm: 8px;--radius-pill:9999px;--shadow: 0 8px 32px rgba(0,0,0,.5);--font: "Plus Jakarta Sans", system-ui, sans-serif;--mono: "JetBrains Mono", monospace;--transition: all .18s cubic-bezier(.4,0,.2,1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font);background:var(--bg-0);color:var(--text-1);min-height:100dvh;overflow-x:hidden;background-image:radial-gradient(ellipse at 10% 0%,rgba(249,115,22,.08) 0%,transparent 50%),radial-gradient(ellipse at 90% 100%,rgba(6,182,212,.06) 0%,transparent 50%)}#root{min-height:100dvh;display:flex;flex-direction:column}.app-header{position:sticky;top:0;z-index:99;background:#070b12e6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border);padding:12px 20px;display:flex;align-items:center;justify-content:space-between}.logo{display:flex;align-items:center;gap:10px;font-size:1.1rem;font-weight:800;letter-spacing:-.02em;text-decoration:none;color:inherit}.logo-icon{width:34px;height:34px;background:linear-gradient(135deg,var(--orange),#ea580c);border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:1rem;box-shadow:var(--orange-glow)}.role-badge{padding:4px 12px;border-radius:var(--radius-pill);font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.role-badge.diner{background:#06b6d426;color:var(--cyan);border:1px solid rgba(6,182,212,.3)}.role-badge.waiter{background:var(--orange-dim);color:var(--orange);border:1px solid rgba(249,115,22,.4)}.role-badge.admin{background:#a855f726;color:var(--purple);border:1px solid rgba(168,85,247,.35)}.container{max-width:900px;margin:0 auto;padding:16px 20px 100px;flex:1}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:20px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.btn-primary{background:linear-gradient(135deg,var(--orange),#ea580c);color:#fff;border:none;padding:12px 22px;border-radius:var(--radius-sm);font-family:var(--font);font-size:.9rem;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;gap:8px;box-shadow:0 4px 16px var(--orange-dim);transition:var(--transition)}.btn-primary:hover{filter:brightness(1.1);transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-secondary{background:var(--bg-2);color:var(--text-1);border:1px solid var(--border-hi);padding:12px 22px;border-radius:var(--radius-sm);font-family:var(--font);font-size:.9rem;font-weight:600;cursor:pointer;transition:var(--transition)}.btn-secondary:hover{background:var(--bg-hover)}.btn-icon{background:transparent;border:1px solid var(--border);color:var(--text-2);width:36px;height:36px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition)}.btn-icon:hover{background:var(--bg-2);color:var(--text-1)}.form-group{margin-bottom:18px}.form-label{display:block;font-size:.8rem;font-weight:600;color:var(--text-2);margin-bottom:6px}.form-input{width:100%;background:var(--bg-1);border:1px solid var(--border);border-radius:var(--radius-sm);padding:12px 14px;color:var(--text-1);font-family:var(--font);font-size:.95rem;transition:var(--transition)}.form-input:focus{outline:none;border-color:var(--orange)}.form-input::placeholder{color:var(--text-3)}.section-title{font-size:1.05rem;font-weight:700;margin-bottom:14px;display:flex;align-items:center;justify-content:space-between;gap:12px}.menu-grid{display:grid;grid-template-columns:1fr;gap:14px}@media (min-width: 600px){.menu-grid{grid-template-columns:repeat(2,1fr)}}.dish-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:18px;display:flex;flex-direction:column;gap:10px;transition:var(--transition);cursor:default}.dish-card:hover{border-color:#f973164d;transform:translateY(-2px)}.dish-name{font-size:1rem;font-weight:700}.dish-price{font-family:var(--mono);font-weight:700;color:var(--orange);font-size:1.05rem}.dish-desc{font-size:.82rem;color:var(--text-2);line-height:1.45}.dish-category{display:inline-block;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;padding:2px 8px;border-radius:4px;background:var(--bg-2);color:var(--text-2)}.qty-row{display:flex;align-items:center;justify-content:space-between}.qty-selector{display:flex;align-items:center;background:var(--bg-1);border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden}.qty-btn{width:34px;height:34px;background:transparent;border:none;color:var(--text-1);font-size:1.1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .12s}.qty-btn:hover{background:#ffffff14}.qty-btn:active{background:var(--orange)}.qty-val{padding:0 10px;font-family:var(--mono);font-size:.9rem;font-weight:600;min-width:28px;text-align:center}.pill{padding:3px 10px;border-radius:var(--radius-pill);font-size:.72rem;font-weight:700;text-transform:uppercase}.pill.pending{background:#f59e0b26;color:var(--amber)}.pill.preparing{background:#06b6d426;color:var(--cyan)}.pill.delivered{background:#10b98126;color:var(--emerald)}.pill.paid{background:#a855f726;color:var(--purple)}.order-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:14px 18px;display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px;transition:var(--transition)}.order-meta{font-size:.8rem;color:var(--text-2);margin-top:4px}.order-actions{display:flex;gap:8px}.cart-bar{position:fixed;bottom:16px;left:20px;right:20px;max-width:860px;margin:0 auto;z-index:80;background:#0e1622f5;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border:1px solid rgba(249,115,22,.45);border-radius:var(--radius-lg);padding:14px 20px;display:flex;align-items:center;justify-content:space-between;box-shadow:var(--shadow),var(--orange-glow);animation:slideUp .2s ease}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.cart-total{font-family:var(--mono);font-size:1.25rem;font-weight:700}.cart-label{font-size:.78rem;color:var(--text-2)}.table-banner{border:1px solid var(--border);border-radius:var(--radius);padding:14px 18px;margin-bottom:18px;display:flex;align-items:center;justify-content:space-between;background:var(--bg-card)}.table-name{font-size:1.2rem;font-weight:800}.table-sub{font-size:.82rem;color:var(--text-2);margin-top:2px}.secure-chip{display:flex;align-items:center;gap:6px;font-family:var(--mono);font-size:.72rem;color:var(--emerald);background:#10b9811a;padding:4px 10px;border-radius:6px;border:1px solid rgba(16,185,129,.2)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:200;display:flex;align-items:flex-end;padding:20px}@media (min-width: 480px){.modal-overlay{align-items:center}}.modal{background:#0e1622;border:1px solid var(--border-hi);border-radius:20px 20px 0 0;padding:28px 24px;width:100%;max-width:460px;box-shadow:var(--shadow);animation:slideUp .22s ease}@media (min-width: 480px){.modal{border-radius:var(--radius-lg)}}.modal-title{font-size:1.15rem;font-weight:800;margin-bottom:6px}.modal-close{float:right;background:none;border:none;color:var(--text-2);font-size:1.4rem;cursor:pointer}.splash{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:40px 20px;text-align:center}.splash-icon{width:64px;height:64px;background:linear-gradient(135deg,var(--orange),#ea580c);border-radius:18px;display:flex;align-items:center;justify-content:center;font-size:1.8rem;box-shadow:var(--orange-glow);animation:pulse 2s infinite}@keyframes pulse{0%,to{box-shadow:0 0 #f9731666}50%{box-shadow:0 0 0 12px #f9731600}}.splash h2{font-size:1.5rem;font-weight:800}.splash p{color:var(--text-2);max-width:340px;line-height:1.5;font-size:.92rem}.action-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:22px}.action-btn{display:flex;flex-direction:column;align-items:center;gap:6px;padding:16px 10px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-card);color:var(--text-1);cursor:pointer;font-family:var(--font);font-size:.85rem;font-weight:600;transition:var(--transition)}.action-btn:hover{background:var(--bg-hover);border-color:var(--border-hi);transform:translateY(-2px)}.action-btn.highlight{border-color:#f9731680;background:linear-gradient(180deg,var(--orange-dim) 0%,rgba(22,30,48,.9) 100%)}.biometric-btn{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,var(--orange),#c2410c);border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 0 32px #f9731680;transition:var(--transition);margin:24px auto}.biometric-btn:hover{transform:scale(1.08)}.biometric-btn:active{transform:scale(.95)}.admin-grid{display:grid;grid-template-columns:1fr;gap:20px}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-0)}::-webkit-scrollbar-thumb{background:var(--border-hi);border-radius:4px}.admin-root{max-width:1100px;margin:0 auto}.admin-tabs{display:flex;gap:6px;border-bottom:1px solid var(--border);padding-bottom:0;overflow-x:auto}.admin-tab-btn{display:flex;align-items:center;gap:7px;padding:10px 18px;background:transparent;border:none;border-bottom:2px solid transparent;color:var(--text-2);font-family:var(--font);font-size:.88rem;font-weight:600;cursor:pointer;white-space:nowrap;transition:var(--transition);margin-bottom:-1px}.admin-tab-btn:hover{color:var(--text-1)}.admin-tab-btn.active{color:var(--orange);border-bottom-color:var(--orange)}.tab-badge{background:var(--orange);color:#fff;border-radius:10px;padding:1px 7px;font-size:.7rem;font-weight:800}.stat-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:24px}@media (min-width: 640px){.stat-grid{grid-template-columns:repeat(4,1fr)}}.stat-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:16px 18px;text-align:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.stat-value{font-size:1.5rem;font-weight:800;line-height:1;margin-bottom:4px}.stat-label{font-size:.75rem;color:var(--text-2);font-weight:600;text-transform:uppercase;letter-spacing:.06em}.admin-grid{display:grid;grid-template-columns:1fr;gap:24px}@media (min-width: 760px){.admin-grid{grid-template-columns:1fr 1fr}}.cashier-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;font-size:.9rem;color:var(--text-2);border-bottom:1px solid var(--border)}.error-box{background:#f43f5e1a;border:1px solid rgba(244,63,94,.3);color:var(--rose);border-radius:8px;padding:10px 14px;font-size:.85rem;font-weight:600}.dev-banner{background:#f59e0b1a;border:1px solid rgba(245,158,11,.3);border-radius:8px;padding:10px 14px;margin-bottom:16px;font-size:.83rem;color:var(--amber)}.rose-icon{background:linear-gradient(135deg,var(--rose),#be123c)!important;box-shadow:0 0 24px #f43f5e66!important}.spin{animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}