:root{--bg: #0b1020;--surface: #151b30;--surface-2: #1e2742;--line: #2a3358;--text: #eaf0ff;--muted: #8a95b8;--violet: #7c5cff;--cyan: #00d2ff;--ok: #35d07f;--warn: #ff6b7a;--radius: 16px;--sans: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:radial-gradient(900px 500px at 10% -10%,rgba(124,92,255,.22),transparent 60%),radial-gradient(800px 460px at 100% 0%,rgba(0,210,255,.14),transparent 55%),var(--bg);color:var(--text);font-family:var(--sans);-webkit-tap-highlight-color:transparent}.app{display:flex;flex-direction:column;min-height:100%}.topbar{display:flex;align-items:center;gap:8px;padding:15px 18px;position:sticky;top:0;z-index:5;background:#0b1020bf;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}.topbar .brand{font-weight:800;letter-spacing:1.5px;background:linear-gradient(92deg,var(--violet),var(--cyan));-webkit-background-clip:text;background-clip:text;color:transparent}.topbar .spacer{flex:1}.exit{background:none;border:1px solid var(--line);color:var(--muted);border-radius:999px;padding:5px 12px;font-size:12px;cursor:pointer}.content{flex:1;padding:16px;max-width:480px;width:100%;margin:0 auto;display:flex;flex-direction:column;gap:14px}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:18px;display:flex;flex-direction:column;gap:12px}h1{font-size:26px;margin:0;line-height:1.15;text-wrap:balance}h3{margin:0;font-size:17px}.muted{color:var(--muted)}.center{text-align:center}.hero{display:flex;flex-direction:column;gap:8px;margin-bottom:4px}label.field{display:flex;flex-direction:column;gap:6px;font-size:12px;color:var(--muted)}input{background:var(--surface-2);border:1px solid var(--line);border-radius:10px;padding:12px;color:var(--text);font-size:16px;font-family:var(--sans);width:100%}.check{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--text)}.check input{width:auto}.advanced{border:1px dashed var(--line);border-radius:10px;padding:8px 12px}.advanced summary{cursor:pointer;color:var(--muted);font-size:13px}.advanced .field{margin-top:10px}.btn{cursor:pointer;border-radius:11px;font-family:var(--sans);font-size:15px;border:1px solid var(--line);background:var(--surface-2);color:var(--text);padding:12px}.btn.primary{background:linear-gradient(92deg,var(--violet),var(--cyan));color:#fff;border:none;font-weight:700}.btn.big{padding:15px;font-size:16px}.btn.ghost{background:transparent;color:var(--muted)}.btn:disabled{opacity:.5}.btn:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}.balance-card{background:linear-gradient(150deg,#1b2550,#121834);border:1px solid var(--line);border-radius:var(--radius);padding:22px;display:flex;flex-direction:column;gap:6px;align-items:center;text-align:center}.balance{font-family:var(--mono);font-variant-numeric:tabular-nums;font-size:42px;font-weight:800;color:var(--cyan);line-height:1}.refund-note{font-size:13px;color:var(--ok);margin-top:4px}.presets{display:grid;grid-template-columns:1fr 1fr;gap:10px}.preset{font-family:var(--mono);font-weight:700}.msg{margin:0;font-weight:600}.msg.ok{color:var(--ok)}.msg.err{color:var(--warn)}.qr-card{align-items:center}.qr{width:240px;height:240px;border-radius:12px;background:#fff;padding:10px}.content{padding-bottom:82px}.tabbar{position:fixed;bottom:0;left:0;right:0;display:flex;background:var(--surface);border-top:1px solid var(--line)}.tabbar button{flex:1;padding:14px;background:none;border:none;color:var(--muted);font-size:14px;font-weight:600;cursor:pointer;font-family:var(--sans)}.tabbar button.active{color:var(--text);box-shadow:inset 0 3px 0 var(--cyan)}.pedir{display:flex;flex-direction:column;gap:14px}.balance-strip{display:flex;align-items:center;gap:10px;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:10px 14px}.balance-strip b{margin-left:auto;font-family:var(--mono);font-size:18px;color:var(--cyan)}.wsdot{width:9px;height:9px;border-radius:50%;background:var(--warn)}.wsdot.open{background:var(--ok);box-shadow:0 0 8px var(--ok)}.menu-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.menu-item{text-align:left;display:flex;flex-direction:column;gap:6px;align-items:flex-start;background:var(--surface-2);border:1px solid var(--line);color:var(--text);border-radius:11px;padding:13px 12px;font-size:15px;cursor:pointer;font-family:var(--sans)}.menu-item .mp{font-family:var(--mono);color:var(--cyan);font-weight:700}.cart-row{display:flex;align-items:center;gap:10px}.cart-row span:first-child{flex:1}.btn.mini{padding:3px 12px}.order-row{border-top:1px solid var(--line);padding-top:10px;margin-top:10px;display:flex;flex-direction:column;gap:3px}.order-row:first-of-type{border-top:none;padding-top:0;margin-top:0}.order-top{display:flex;align-items:center;gap:8px}.order-top b{font-family:var(--mono)}.order-state{font-weight:700}.order-row.ready .order-state{color:var(--ok)}.order-row.preparing .order-state{color:#ffb020}.order-top .order-total{margin-left:auto;font-family:var(--mono)}.small{font-size:12.5px}