:root{--brand-primary: #7c3aed;--brand-secondary: #22d3ee;--brand-font: "Inter", system-ui, sans-serif;--bg: #0a0a0f;--bg-grad: radial-gradient(1200px 800px at 15% -10%, rgba(124, 58, 237, .12), transparent 60%), radial-gradient(1000px 700px at 100% 0%, rgba(34, 211, 238, .08), transparent 55%), #0a0a0f;--surface: rgba(255, 255, 255, .028);--surface-2: rgba(255, 255, 255, .05);--surface-hover: rgba(255, 255, 255, .07);--border: rgba(255, 255, 255, .09);--border-strong: rgba(255, 255, 255, .16);--bg-elev: #14141c;--bg-elev-2: #1d1d29;--text: #f5f5f7;--text-dim: #9b9ba8;--text-faint: #6b6b78;--success: #34d399;--warning: #fbbf24;--danger: #f87171;--radius: 18px;--radius-sm: 12px;--shadow: 0 20px 50px -12px rgba(0, 0, 0, .6);--shadow-sm: 0 4px 16px -4px rgba(0, 0, 0, .4);--ring: 0 0 0 3px color-mix(in srgb, var(--brand-primary) 35%, transparent)}:root[data-theme=light]{--bg: #f5f6fa;--bg-grad: radial-gradient(1200px 800px at 15% -10%, color-mix(in srgb, var(--brand-primary) 10%, transparent), transparent 60%), radial-gradient(1000px 700px at 100% 0%, color-mix(in srgb, var(--brand-secondary) 9%, transparent), transparent 55%), #f5f6fa;--surface: rgba(20, 20, 40, .025);--surface-2: rgba(20, 20, 40, .05);--surface-hover: rgba(20, 20, 40, .08);--border: rgba(20, 20, 40, .12);--border-strong: rgba(20, 20, 40, .22);--bg-elev: #ffffff;--bg-elev-2: #eef0f6;--text: #14141c;--text-dim: #5a5a68;--text-faint: #8b8b98;--success: #059669;--warning: #b45309;--danger: #dc2626;--shadow: 0 20px 50px -12px rgba(20, 20, 60, .18);--shadow-sm: 0 4px 16px -4px rgba(20, 20, 60, .12)}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:var(--brand-font);background:var(--bg-grad);background-attachment:fixed;color:var(--text);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden;letter-spacing:-.01em}button{font-family:inherit;cursor:pointer;border:none;color:inherit}a{color:inherit;text-decoration:none}::selection{background:color-mix(in srgb,var(--brand-primary) 40%,transparent)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:10px}::-webkit-scrollbar-track{background:transparent}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 18px;border-radius:var(--radius-sm);font-weight:600;font-size:14.5px;background:var(--surface-2);color:var(--text);border:1px solid var(--border);transition:transform .12s cubic-bezier(.2,.8,.2,1),background .18s,border-color .18s,box-shadow .18s;white-space:nowrap}.btn:hover{background:var(--surface-hover);border-color:var(--border-strong)}.btn:active{transform:scale(.975)}.btn-primary{background:linear-gradient(135deg,var(--brand-primary),color-mix(in srgb,var(--brand-primary) 70%,#000));color:#fff;border-color:transparent;box-shadow:0 8px 24px -8px color-mix(in srgb,var(--brand-primary) 70%,transparent)}.btn-primary:hover{filter:brightness(1.08);background:linear-gradient(135deg,var(--brand-primary),color-mix(in srgb,var(--brand-primary) 70%,#000))}.btn-success{background:var(--success);color:#052e16;border-color:transparent}.btn-danger{background:color-mix(in srgb,var(--danger) 22%,transparent);color:var(--danger);border-color:color-mix(in srgb,var(--danger) 30%,transparent)}.btn-danger:hover{background:color-mix(in srgb,var(--danger) 32%,transparent)}.btn-ghost{background:transparent}.btn-lg{padding:16px 26px;font-size:17px;border-radius:14px}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.btn-block{width:100%}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:border-color .18s,background .18s,transform .12s}a.card:hover,button.card:hover{border-color:var(--border-strong);background:var(--surface-2)}.input,select.input{width:100%;padding:11px 14px;border-radius:var(--radius-sm);font-size:14.5px;background:var(--surface-2);border:1px solid var(--border);color:var(--text);transition:border-color .18s,box-shadow .18s,background .18s;-webkit-appearance:none;-moz-appearance:none;appearance:none}.input::placeholder{color:var(--text-faint)}.input:focus{outline:none;border-color:color-mix(in srgb,var(--brand-primary) 60%,transparent);box-shadow:var(--ring);background:var(--surface)}select.input{cursor:pointer}select.input option,select option{background-color:#16161f;color:#f5f5f7}.label{display:block;font-size:12.5px;color:var(--text-dim);margin-bottom:7px;font-weight:600;letter-spacing:0}input[type=checkbox]{width:18px;height:18px;accent-color:var(--brand-primary);cursor:pointer}input[type=color]{padding:4px;cursor:pointer}.badge{display:inline-flex;align-items:center;gap:6px;padding:4px 11px;border-radius:999px;font-size:11.5px;font-weight:700;letter-spacing:.2px;border:1px solid transparent}.badge-pending{background:color-mix(in srgb,var(--warning) 15%,transparent);color:var(--warning)}.badge-paid{background:color-mix(in srgb,var(--success) 15%,transparent);color:var(--success)}.badge-preparing{background:color-mix(in srgb,var(--brand-secondary) 15%,transparent);color:var(--brand-secondary)}.badge-delivered{background:var(--surface-2);color:var(--text-dim)}.badge-canceled{background:color-mix(in srgb,var(--danger) 15%,transparent);color:var(--danger)}.pill{padding:5px 12px;border-radius:999px;background:var(--surface-2);border:1px solid var(--border);font-size:12.5px;font-weight:600}.spinner{width:20px;height:20px;border-radius:50%;border:2.5px solid var(--border-strong);border-top-color:var(--brand-primary);animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.fade-up{animation:fadeUp .35s cubic-bezier(.2,.8,.2,1) both}.muted{color:var(--text-dim)}.faint{color:var(--text-faint)}.center{display:grid;place-items:center;min-height:100vh}.stack{display:flex;flex-direction:column}.row{display:flex;align-items:center}.grow{flex:1}.app-footer{text-align:center;padding:22px 16px;font-size:12.5px;color:var(--text-faint);letter-spacing:.02em}.app-footer b{color:var(--text-dim);font-weight:700}#ticket-print{display:none}@media print{@page{size:72mm auto;margin:0}html,body{background:#fff!important;margin:0;padding:0}body *{visibility:hidden}#ticket-print,#ticket-print *{visibility:visible}#ticket-print{display:block!important;position:absolute;left:0;top:0;width:72mm;padding:4mm 3mm;color:#000;background:#fff;font-family:Courier New,monospace;font-size:12px;line-height:1.35}}