@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&family=Fraunces:ital,opsz,wght@1,9..144,400;1,9..144,500;1,9..144,600&display=swap";:root{--font-sans:"Inter", ui-sans-serif, system-ui, -apple-system, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;--font-serif:"Fraunces", Georgia, serif;--bg:#faf8f5;--bg-2:#f3f0ea;--bg-3:#ece7de;--surface:#fff;--ink:#1a1815;--ink-2:#4a453e;--ink-3:#8c857a;--line:#e5dfd3;--line-2:#d6cfc0;--accent:oklch(60% .13 35);--accent-soft:oklch(94% .04 35);--accent-ink:oklch(38% .1 35);--ok:oklch(58% .09 150);--ok-soft:oklch(94% .04 150);--warn:oklch(70% .12 75);--warn-soft:oklch(95% .05 80);--info:oklch(60% .1 240);--info-soft:oklch(95% .03 240);--danger:oklch(58% .16 25);--danger-soft:oklch(95% .04 25);--radius:10px;--radius-sm:6px;--radius-lg:14px;--shadow-1:0 1px 0 #1a18150a, 0 1px 2px #1a18150f;--shadow-2:0 1px 0 #1a18150a, 0 8px 24px #1a181514;--shadow-pop:0 24px 60px -20px #1a181540, 0 8px 16px -8px #1a181526;--pad-cell:14px;--pad-row:10px;--row-h:48px}[data-density=compact]{--pad-cell:10px;--pad-row:6px;--row-h:40px}[data-density=comfy]{--pad-cell:18px;--pad-row:14px;--row-h:56px}[data-theme=dark]{--bg:#14120f;--bg-2:#1c1a16;--bg-3:#25221c;--surface:#1f1d18;--ink:#f2eee5;--ink-2:#bfb8ab;--ink-3:#8a8378;--line:#2e2a23;--line-2:#3b362d;--accent-soft:oklch(35% .07 35);--accent-ink:oklch(85% .07 35);--ok-soft:oklch(28% .05 150);--warn-soft:oklch(30% .06 75);--info-soft:oklch(28% .05 240);--danger-soft:oklch(30% .07 25);--shadow-1:0 1px 0 #0006, 0 1px 2px #0006;--shadow-2:0 1px 0 #0006, 0 8px 24px #0006}*{box-sizing:border-box}html,body,#root{height:100%}body{font-family:var(--font-sans);font-feature-settings:"cv11", "ss01", "ss03";color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-size:14px;line-height:1.4}button{font-family:inherit;font-size:inherit}input,select,textarea{font-family:inherit;font-size:inherit;color:inherit}.app{grid-template-columns:64px 1fr;height:100vh;display:grid;overflow:hidden}.sidebar{background:var(--surface);border-right:1px solid var(--line);flex-direction:column;align-items:stretch;gap:4px;padding:14px 8px;display:flex}.sidebar .brand{background:var(--ink);width:40px;height:40px;color:var(--bg);font-family:var(--font-serif);border-radius:10px;place-items:center;margin:4px auto 14px;font-size:18px;font-style:italic;font-weight:600;display:grid}.nav-btn{appearance:none;width:48px;height:48px;color:var(--ink-3);cursor:pointer;background:0 0;border:0;border-radius:10px;place-items:center;margin:0 auto;transition:background .12s,color .12s;display:grid;position:relative}.nav-btn:hover{background:var(--bg-2);color:var(--ink)}.nav-btn[aria-current=page]{background:var(--ink);color:var(--bg)}.nav-btn .badge{background:var(--accent);color:#fff;font-variant-numeric:tabular-nums;border-radius:999px;place-items:center;min-width:16px;height:16px;padding:0 4px;font-size:10px;font-weight:600;display:grid;position:absolute;top:6px;right:6px}.nav-btn svg{width:20px;height:20px}.sidebar .spacer{flex:1}.user-chip{background:var(--bg-3);width:40px;height:40px;color:var(--ink);border:1px solid var(--line);border-radius:999px;place-items:center;margin:0 auto;font-size:12px;font-weight:600;display:grid}.main{flex-direction:column;min-width:0;display:flex;overflow:hidden}.topbar{border-bottom:1px solid var(--line);background:var(--surface);flex-shrink:0;align-items:center;gap:16px;height:56px;padding:0 20px;display:flex}.topbar h1{font-family:var(--font-serif);letter-spacing:-.01em;margin:0;font-size:22px;font-style:italic;font-weight:500}.topbar h1 small{font-family:var(--font-sans);color:var(--ink-3);letter-spacing:0;margin-left:12px;font-size:13px;font-style:normal;font-weight:400}.topbar .crumbs{color:var(--ink-3);font-size:13px}.topbar .crumbs b{color:var(--ink);font-weight:500}.topbar .right{color:var(--ink-3);font-variant-numeric:tabular-nums;align-items:center;gap:12px;margin-left:auto;font-size:13px;display:flex}.topbar .pill{background:var(--bg-2);color:var(--ink-2);border-radius:999px;padding:4px 10px;font-size:12px;font-weight:500}.btn{appearance:none;border-radius:var(--radius);border:1px solid var(--line-2);background:var(--surface);height:40px;color:var(--ink);cursor:pointer;white-space:nowrap;align-items:center;gap:8px;padding:0 16px;font-weight:500;transition:background .12s,border-color .12s,transform 40ms;display:inline-flex}.btn:hover{background:var(--bg-2)}.btn:active{transform:translateY(1px)}.btn.primary{background:var(--ink);border-color:var(--ink);color:var(--bg)}.btn.primary:hover{background:var(--ink-2);border-color:var(--ink-2)}.btn.accent{background:var(--accent);border-color:var(--accent);color:#fff}.btn.accent:hover{filter:brightness(1.05)}.btn.danger{color:var(--danger);border-color:color-mix(in oklch, var(--danger) 30%, var(--line-2))}.btn.ghost{background:0 0;border-color:#0000}.btn.ghost:hover{background:var(--bg-2)}.btn.sm{height:32px;padding:0 12px;font-size:13px}.btn.lg{height:48px;padding:0 20px;font-size:15px}.btn.icon{justify-content:center;width:40px;padding:0}.btn[disabled]{opacity:.4;cursor:not-allowed}.btn svg{width:16px;height:16px}.tables-page{flex:1;grid-template-columns:1fr 280px;min-height:0;display:grid;overflow:hidden}.tables-main{padding:24px 28px;overflow-y:auto}.tables-toolbar{align-items:center;gap:8px;margin-bottom:20px;display:flex}.tables-toolbar .zones{background:var(--bg-2);border-radius:10px;gap:4px;padding:4px;display:flex}.tables-toolbar .zones button{appearance:none;height:32px;color:var(--ink-3);cursor:pointer;background:0 0;border:0;border-radius:7px;padding:0 14px;font-size:13px;font-weight:500}.tables-toolbar .zones button[data-active=true]{background:var(--surface);color:var(--ink);box-shadow:var(--shadow-1)}.tables-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:14px;display:grid}.table-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);cursor:pointer;flex-direction:column;gap:8px;min-height:140px;padding:16px;transition:transform .12s,box-shadow .12s,border-color .12s;display:flex;position:relative}.table-card:hover{box-shadow:var(--shadow-2);border-color:var(--line-2);transform:translateY(-1px)}.table-card[data-state=ocupada]{background:linear-gradient(180deg, color-mix(in oklch, var(--accent-soft) 70%, var(--surface)) 0%, var(--surface) 100%);border-color:color-mix(in oklch, var(--accent) 30%, var(--line))}.table-card[data-state=lista-cobrar]{background:linear-gradient(180deg, color-mix(in oklch, var(--ok-soft) 70%, var(--surface)) 0%, var(--surface) 100%);border-color:color-mix(in oklch, var(--ok) 30%, var(--line))}.table-card .num{font-family:var(--font-serif);letter-spacing:-.02em;font-size:36px;font-style:italic;font-weight:500;line-height:1}.table-card .meta{color:var(--ink-3);gap:10px;font-size:12px;display:flex}.table-card .state-pill{text-transform:uppercase;letter-spacing:.06em;border-radius:999px;align-self:flex-start;align-items:center;gap:6px;padding:3px 8px;font-size:11px;font-weight:600;display:inline-flex}.state-pill .dot{border-radius:50%;width:6px;height:6px}.state-libre{background:var(--bg-2);color:var(--ink-3)}.state-libre .dot{background:var(--ink-3)}.state-ocupada{background:color-mix(in oklch, var(--accent-soft) 80%, transparent);color:var(--accent-ink)}.state-ocupada .dot{background:var(--accent)}.state-lista{background:color-mix(in oklch, var(--ok-soft) 80%, transparent);color:oklch(38% .08 150)}.state-lista .dot{background:var(--ok)}.table-card .total{font-family:var(--font-mono);justify-content:space-between;align-items:baseline;margin-top:auto;display:flex}.table-card .total .lbl{color:var(--ink-3);font-size:11px}.table-card .total .val{letter-spacing:-.01em;font-size:18px;font-weight:500}.table-card .timer{font-family:var(--font-mono);color:var(--ink-3);font-variant-numeric:tabular-nums;font-size:11px;position:absolute;top:12px;right:12px}.tables-side{background:var(--surface);border-left:1px solid var(--line);flex-direction:column;display:flex;overflow:hidden}.tables-side .hd{border-bottom:1px solid var(--line);padding:18px 20px 12px}.tables-side h3{text-transform:uppercase;letter-spacing:.08em;color:var(--ink-3);margin:0 0 4px;font-size:13px;font-weight:600}.tables-side .stats{background:var(--line);border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:1fr 1fr;gap:1px;display:grid}.tables-side .stat{background:var(--surface);padding:14px 20px}.tables-side .stat .v{font-family:var(--font-mono);letter-spacing:-.01em;font-size:22px;font-weight:500}.tables-side .stat .l{color:var(--ink-3);text-transform:uppercase;letter-spacing:.06em;margin-top:2px;font-size:11px}.activity{flex-direction:column;flex:1;gap:14px;padding:16px 20px;display:flex;overflow-y:auto}.activity-item{gap:10px;font-size:12px;display:flex}.activity-item .t{color:var(--ink-3);font-family:var(--font-mono);flex-shrink:0;width:38px;padding-top:2px;font-size:11px}.activity-item .body{line-height:1.4}.activity-item .body b{font-weight:600}.activity-item .dot{background:var(--ink-3);border-radius:50%;flex-shrink:0;width:6px;height:6px;margin-top:7px}.activity-item[data-kind=open] .dot{background:var(--accent)}.activity-item[data-kind=ready] .dot{background:var(--ok)}.activity-item[data-kind=paid] .dot{background:var(--info)}.pos-page{flex:1;grid-template-columns:1fr 420px;min-height:0;display:grid;overflow:hidden}.pos-menu{flex-direction:column;min-width:0;display:flex;overflow:hidden}.cat-bar{border-bottom:1px solid var(--line);flex-shrink:0;gap:6px;padding:14px 24px;display:flex;overflow-x:auto}.cat-bar button{appearance:none;border:1px solid var(--line);background:var(--surface);height:36px;color:var(--ink-2);cursor:pointer;white-space:nowrap;border-radius:999px;align-items:center;gap:8px;padding:0 14px;font-size:13px;font-weight:500;display:inline-flex}.cat-bar button[data-active=true]{background:var(--ink);border-color:var(--ink);color:var(--bg)}.cat-bar button .ic{opacity:.8;font-size:14px}.cat-bar button[data-active=true] .ic{opacity:1}.search-row{border-bottom:1px solid var(--line);flex-shrink:0;align-items:center;gap:10px;padding:12px 24px;display:flex}.search{flex:1;position:relative}.search input{border:1px solid var(--line);background:var(--bg-2);border-radius:8px;outline:none;width:100%;height:36px;padding:0 12px 0 34px}.search input:focus{border-color:var(--ink-3);background:var(--surface)}.search svg{width:16px;height:16px;color:var(--ink-3);position:absolute;top:50%;left:10px;transform:translateY(-50%)}.product-grid{flex:1;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));align-content:start;gap:10px;padding:16px 24px 24px;display:grid;overflow-y:auto}.product-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);cursor:pointer;flex-direction:column;min-height:110px;padding:14px;transition:transform 80ms,box-shadow .12s,border-color .12s;display:flex;position:relative;overflow:hidden}.product-card:hover{border-color:var(--line-2);box-shadow:var(--shadow-1)}.product-card:active{transform:scale(.985)}.product-card .name{letter-spacing:-.005em;margin-bottom:4px;font-size:14px;font-weight:500}.product-card .desc{color:var(--ink-3);flex:1;font-size:12px;line-height:1.35}.product-card .price{font-family:var(--font-mono);justify-content:space-between;align-items:baseline;margin-top:10px;font-size:14px;font-weight:500;display:flex}.product-card .add{background:var(--ink);width:24px;height:24px;color:var(--bg);border-radius:999px;place-items:center;font-size:14px;line-height:1;display:grid}.product-card.flash{animation:.4s flash}@keyframes flash{0%{background:var(--accent-soft)}to{background:var(--surface)}}.cart{background:var(--surface);border-left:1px solid var(--line);flex-direction:column;display:flex;overflow:hidden}.cart-hd{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:12px;padding:16px 20px;display:flex}.cart-hd .title{font-family:var(--font-serif);letter-spacing:-.01em;font-size:24px;font-style:italic;font-weight:500;line-height:1.1}.cart-hd .sub{color:var(--ink-3);align-items:center;gap:10px;margin-top:4px;font-size:12px;display:flex}.cart-hd .sub .sep{background:var(--ink-3);border-radius:50%;width:2px;height:2px}.cart-items{flex:1;padding:8px 0;overflow-y:auto}.cart-items .empty{height:100%;color:var(--ink-3);text-align:center;place-items:center;padding:40px 24px;font-size:13px;line-height:1.6;display:grid}.cart-items .empty .ic{font-family:var(--font-serif);color:var(--line-2);margin-bottom:12px;font-size:48px;font-style:italic;display:block}.cart-row{border-bottom:1px solid var(--line);grid-template-columns:28px 1fr auto;align-items:flex-start;gap:10px;padding:10px 20px;display:grid}.cart-row .qty{font-family:var(--font-mono);background:var(--bg-2);text-align:center;font-variant-numeric:tabular-nums;border-radius:6px;padding:2px 0;font-size:14px;font-weight:500}.cart-row .name{letter-spacing:-.005em;font-size:13.5px;font-weight:500}.cart-row .note{color:var(--ink-3);margin-top:2px;font-size:11.5px;font-style:italic}.cart-row .pri{font-family:var(--font-mono);text-align:right;font-variant-numeric:tabular-nums;font-size:13.5px;font-weight:500}.cart-row .actions{grid-column:1/-1;gap:4px;margin-top:6px;margin-left:38px;display:flex}.cart-row .actions button{appearance:none;border:1px solid var(--line);background:var(--surface);cursor:pointer;width:28px;height:28px;color:var(--ink-2);border-radius:6px;place-items:center;font-size:14px;display:grid}.cart-row .actions button:hover{background:var(--bg-2)}.cart-row .actions .note-btn{width:auto;color:var(--ink-3);margin-left:auto;padding:0 10px;font-size:11px}.cart-row .actions .note-btn.has-note{color:var(--accent-ink);border-color:color-mix(in oklch, var(--accent) 30%, var(--line))}.cart-totals{border-top:1px solid var(--line);background:var(--bg-2);padding:12px 20px}.cart-totals .row{color:var(--ink-2);font-variant-numeric:tabular-nums;font-size:13px;font-family:var(--font-mono);justify-content:space-between;padding:3px 0;display:flex}.cart-totals .row.grand{color:var(--ink);border-top:1px solid var(--line);letter-spacing:-.01em;margin-top:8px;padding-top:10px;font-size:20px;font-weight:500}.cart-actions{background:var(--surface);gap:8px;padding:14px 20px 18px;display:flex}.cart-actions .btn{flex:1;height:48px}.kds{background:var(--bg-3);flex:1;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));align-content:start;gap:16px;min-height:0;padding:20px;display:grid;overflow-y:auto}.ticket{background:var(--surface);border-radius:var(--radius-lg);border:1px solid var(--line);box-shadow:var(--shadow-1);flex-direction:column;min-height:240px;display:flex;overflow:hidden}.ticket-hd{border-bottom:1px solid var(--line);background:var(--surface);justify-content:space-between;align-items:center;padding:12px 14px;display:flex}.ticket-hd .left{align-items:baseline;gap:10px;display:flex}.ticket-hd .num{font-family:var(--font-serif);letter-spacing:-.01em;font-size:20px;font-style:italic;font-weight:500}.ticket-hd .id{font-family:var(--font-mono);color:var(--ink-3);font-size:11px}.ticket-hd .timer{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:14px;font-weight:500}.ticket-hd .timer[data-late="1"]{color:var(--danger)}.ticket-hd .timer[data-warn="1"]{color:var(--warn)}.ticket[data-status=pending]{border-left:4px solid var(--ink-3)}.ticket[data-status=preparing]{border-left:4px solid var(--warn)}.ticket[data-status=ready]{border-left:4px solid var(--ok)}.ticket .meta{color:var(--ink-3);border-bottom:1px dashed var(--line);font-variant-numeric:tabular-nums;gap:12px;padding:6px 14px;font-size:11.5px;display:flex}.ticket-items{flex:1;padding:8px 0}.ticket-line{cursor:pointer;grid-template-columns:28px 1fr;align-items:flex-start;gap:10px;padding:6px 14px;display:grid}.ticket-line .qty{font-family:var(--font-mono);text-align:center;font-size:14px;font-weight:600}.ticket-line .name{letter-spacing:-.005em;font-size:14px;font-weight:500}.ticket-line .note{color:var(--accent-ink);background:var(--accent-soft);border-radius:4px;margin-top:2px;padding:2px 6px;font-size:11.5px;font-style:italic;display:inline-block}.ticket-line[data-done="1"]{opacity:.4;text-decoration:line-through;-webkit-text-decoration-color:var(--ink-3);text-decoration-color:var(--ink-3);text-decoration-thickness:1px}.ticket-foot{border-top:1px solid var(--line);background:var(--bg-2);gap:6px;padding:10px 12px;display:flex}.ticket-foot .btn{flex:1;height:36px;font-size:13px}.kds-lanes{background:var(--bg-3);flex:1;grid-template-columns:1fr 1fr 1fr;gap:16px;min-height:0;padding:16px;display:grid;overflow:hidden}.lane{background:color-mix(in oklch, var(--surface) 50%, var(--bg-3));border-radius:var(--radius-lg);flex-direction:column;display:flex;overflow:hidden}.lane-hd{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.lane-hd .title{text-transform:uppercase;letter-spacing:.1em;align-items:center;gap:8px;font-size:12px;font-weight:700;display:flex}.lane-hd .title .dot{border-radius:50%;width:8px;height:8px}.lane[data-lane=pending] .dot{background:var(--ink-3)}.lane[data-lane=preparing] .dot{background:var(--warn)}.lane[data-lane=ready] .dot{background:var(--ok)}.lane-hd .count{font-family:var(--font-mono);color:var(--ink-3);font-variant-numeric:tabular-nums;font-size:14px}.lane-body{flex-direction:column;flex:1;gap:12px;padding:14px;display:flex;overflow-y:auto}.scrim{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;background:#14120f80;place-items:center;animation:.15s fade;display:grid;position:fixed;inset:0}@keyframes fade{0%{opacity:0}}.modal{background:var(--surface);width:720px;max-width:calc(100vw - 40px);max-height:calc(100vh - 40px);box-shadow:var(--shadow-pop);border-radius:18px;flex-direction:column;animation:.2s cubic-bezier(.2,.8,.4,1) pop;display:flex;overflow:hidden}@keyframes pop{0%{opacity:0;transform:translateY(8px)scale(.985)}}.modal-hd{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.modal-hd h2{font-family:var(--font-serif);letter-spacing:-.015em;margin:0;font-size:28px;font-style:italic;font-weight:500}.modal-bd{grid-template-columns:1fr 1fr;gap:24px;padding:24px;display:grid;overflow-y:auto}.pay-summary{background:var(--bg-2);border-radius:var(--radius);flex-direction:column;gap:8px;padding:18px;display:flex}.pay-summary .item{font-size:13px;font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--ink-2);justify-content:space-between;display:flex}.pay-summary .item .name{font-family:var(--font-sans)}.pay-summary .grand{border-top:1px solid var(--line);justify-content:space-between;align-items:baseline;margin-top:8px;padding-top:12px;display:flex}.pay-summary .grand .lbl{font-weight:500}.pay-summary .grand .val{font-family:var(--font-mono);letter-spacing:-.01em;font-size:28px;font-weight:500}.pay-methods{flex-direction:column;gap:12px;display:flex}.pay-methods .label{text-transform:uppercase;letter-spacing:.08em;color:var(--ink-3);font-size:11px;font-weight:600}.pay-method-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.pay-method{appearance:none;border:1px solid var(--line);background:var(--surface);border-radius:var(--radius);cursor:pointer;text-align:left;flex-direction:column;gap:4px;padding:14px 12px;display:flex}.pay-method:hover{border-color:var(--line-2);background:var(--bg-2)}.pay-method[aria-checked=true]{border-color:var(--ink);background:var(--bg-2);box-shadow:0 0 0 2px var(--ink) inset}.pay-method .ic{font-family:var(--font-serif);color:var(--ink-2);margin-bottom:4px;font-size:22px;font-style:italic}.pay-method .nm{font-size:14px;font-weight:600}.pay-method .sub{color:var(--ink-3);font-size:11.5px}.tip-row{gap:6px;display:flex}.tip-row button{appearance:none;border:1px solid var(--line);background:var(--surface);border-radius:var(--radius);cursor:pointer;height:40px;font-weight:500;font-family:var(--font-mono);flex:1;font-size:13px}.tip-row button[aria-checked=true]{background:var(--ink);color:var(--bg);border-color:var(--ink)}.modal-ft{border-top:1px solid var(--line);background:var(--bg-2);justify-content:flex-end;gap:10px;padding:16px 24px;display:flex}.success-card{text-align:center;padding:60px 40px}.success-card .check{background:var(--ok-soft);color:oklch(38% .1 150);border-radius:50%;place-items:center;width:72px;height:72px;margin:0 auto 18px;font-size:32px;display:grid}.success-card h2{font-family:var(--font-serif);margin:0 0 6px;font-size:32px;font-style:italic}.success-card p{color:var(--ink-3);margin:0 0 24px}.login-page{background:var(--bg);grid-template-columns:1fr 1fr;height:100vh;display:grid;overflow:hidden}.login-art{background:radial-gradient(ellipse at 30% 20%, color-mix(in oklch, var(--accent) 20%, transparent), transparent 60%), linear-gradient(135deg, oklch(28% .04 35) 0%, oklch(22% .05 30) 100%);color:oklch(94% .04 35);flex-direction:column;padding:48px;display:flex;position:relative;overflow:hidden}.login-art .brand-mark{font-family:var(--font-serif);letter-spacing:-.01em;font-size:18px;font-style:italic}.login-art .brand-mark:before{content:"";color:oklch(28% .04 35);vertical-align:-8px;background:oklch(94% .04 35) linear-gradient(135deg,oklch(94% .04 35),oklch(82% .06 35));border-radius:8px;width:28px;height:28px;margin-right:10px;display:inline-block;position:relative}.login-art .quote{font-family:var(--font-serif);letter-spacing:-.02em;text-wrap:balance;max-width:520px;margin-top:auto;font-size:36px;font-style:italic;font-weight:400;line-height:1.15}.login-art .attrib{color:oklch(82% .04 35);letter-spacing:.04em;text-transform:uppercase;margin-top:18px;font-size:12px}.login-art .deco{pointer-events:none;background-image:repeating-linear-gradient(35deg, transparent 0 22px, color-mix(in oklch, var(--accent) 4%, transparent) 22px 23px);opacity:.6;position:absolute;inset:0}.login-form-wrap{place-items:center;padding:48px;display:grid}.login-form{width:100%;max-width:360px}.login-form h1{font-family:var(--font-serif);letter-spacing:-.02em;margin:0 0 6px;font-size:36px;font-style:italic;font-weight:500}.login-form .lead{color:var(--ink-3);margin:0 0 28px;font-size:14px}.field{flex-direction:column;gap:6px;margin-bottom:14px;display:flex}.field label{text-transform:uppercase;letter-spacing:.08em;color:var(--ink-3);font-size:12px;font-weight:600}.field input{border:1px solid var(--line-2);border-radius:var(--radius);background:var(--surface);outline:none;height:44px;padding:0 14px;transition:border-color .12s,box-shadow .12s}.field input:focus{border-color:var(--ink);box-shadow:0 0 0 3px color-mix(in oklch, var(--ink) 10%, transparent)}.login-form .btn{width:100%;height:48px;margin-top:6px}.login-form .demo-users{border-top:1px dashed var(--line-2);margin-top:28px;padding-top:20px}.login-form .demo-users .lbl{text-transform:uppercase;letter-spacing:.08em;color:var(--ink-3);margin-bottom:10px;font-size:11px;font-weight:600}.login-form .demo-users .users{flex-direction:column;gap:6px;display:flex}.login-form .demo-users button{appearance:none;border:1px solid var(--line);background:var(--surface);border-radius:var(--radius);cursor:pointer;text-align:left;justify-content:space-between;align-items:center;padding:10px 12px;display:flex}.login-form .demo-users button:hover{background:var(--bg-2)}.login-form .demo-users .role{color:var(--ink-3);text-transform:uppercase;letter-spacing:.06em;font-size:11px}.dash{flex:1;grid-template-columns:repeat(4,1fr);align-content:start;gap:16px;min-height:0;padding:24px 28px;display:grid;overflow-y:auto}.dash .kpi{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);flex-direction:column;gap:4px;padding:18px;display:flex}.dash .kpi .l{text-transform:uppercase;letter-spacing:.08em;color:var(--ink-3);font-size:11px;font-weight:600}.dash .kpi .v{font-family:var(--font-mono);letter-spacing:-.02em;margin-top:6px;font-size:30px;font-weight:500}.dash .kpi .delta{color:var(--ok);font-variant-numeric:tabular-nums;margin-top:2px;font-size:12px}.dash .kpi .delta[data-down="1"]{color:var(--danger)}.dash .wide{grid-column:span 2}.dash .full{grid-column:span 4}.bars{align-items:flex-end;gap:8px;height:120px;margin-top:14px;display:flex}.bars .bar{background:var(--ink);opacity:.9;border-radius:4px 4px 0 0;flex:1;position:relative}.bars .bar:hover{opacity:1}.bars .bar[data-now="1"]{background:var(--accent)}.bars-x{color:var(--ink-3);font-size:10px;font-family:var(--font-mono);gap:8px;margin-top:6px;display:flex}.bars-x span{text-align:center;flex:1}.divider{background:var(--line);height:1px;margin:6px 0}.empty-state{height:100%;color:var(--ink-3);text-align:center;place-items:center;padding:40px;display:grid}.empty-state .ic{font-family:var(--font-serif);color:var(--line-2);margin-bottom:12px;font-size:56px;font-style:italic}.toasts{z-index:1000;pointer-events:none;flex-direction:column;gap:8px;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.toast{background:var(--ink);color:var(--bg);box-shadow:var(--shadow-pop);border-radius:999px;align-items:center;gap:8px;padding:10px 16px;font-size:13px;font-weight:500;animation:.25s cubic-bezier(.2,.8,.4,1) toast-in;display:flex}.toast .dot{background:var(--ok);border-radius:50%;width:6px;height:6px}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}}.note-pop{z-index:50;background:var(--surface);border:1px solid var(--line-2);border-radius:var(--radius);box-shadow:var(--shadow-pop);flex-direction:column;gap:8px;width:240px;padding:10px;display:flex;position:absolute}.note-pop textarea{border:1px solid var(--line);resize:none;background:var(--bg-2);border-radius:6px;outline:none;width:100%;height:60px;padding:8px}.note-pop .chips{flex-wrap:wrap;gap:4px;display:flex}.note-pop .chips button{appearance:none;border:1px solid var(--line);background:var(--surface);cursor:pointer;color:var(--ink-2);border-radius:999px;padding:3px 8px;font-size:11px}.note-pop .chips button:hover{background:var(--bg-2)}.admin{flex:1;grid-template-columns:240px 1fr;min-height:0;display:grid;overflow:hidden}.admin-sub{background:var(--surface);border-right:1px solid var(--line);flex-direction:column;display:flex;overflow:hidden}.admin-sub-hd{border-bottom:1px solid var(--line);padding:18px 20px 14px}.admin-sub-hd .lbl{text-transform:uppercase;letter-spacing:.08em;color:var(--ink-3);font-size:11px;font-weight:600}.admin-sub-hd .who{font-family:var(--font-serif);margin-top:4px;font-size:18px;font-style:italic;font-weight:500}.admin-sub nav{flex-direction:column;gap:2px;padding:8px;display:flex;overflow-y:auto}.admin-sub nav button{appearance:none;text-align:left;cursor:pointer;color:var(--ink-2);background:0 0;border:0;border-radius:8px;padding:10px 12px}.admin-sub nav button:hover{background:var(--bg-2)}.admin-sub nav button[aria-current=page]{background:var(--ink);color:var(--bg)}.admin-sub nav button[aria-current=page] .d{color:color-mix(in oklch, var(--bg) 70%, var(--ink-3))}.admin-sub nav .t{font-size:14px;font-weight:500}.admin-sub nav .d{color:var(--ink-3);margin-top:2px;font-size:11.5px}.admin-body{padding:24px 28px 40px;overflow-y:auto}.adm-page{flex-direction:column;gap:18px;display:flex}.adm-eyebrow{text-transform:uppercase;letter-spacing:.08em;color:var(--ink-3);font-size:11px;font-weight:600}.adm-pg-hd{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:24px;display:flex}.adm-pg-hd h2{font-family:var(--font-serif);letter-spacing:-.015em;margin:6px 0 4px;font-size:32px;font-style:italic;font-weight:500}.adm-sub{color:var(--ink-3);max-width:560px;font-size:13.5px}.adm-actions{align-items:center;gap:8px;display:flex}.adm-kpis{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.adm-kpis .kpi{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);padding:16px 18px}.adm-kpis .kpi .l{text-transform:uppercase;letter-spacing:.08em;color:var(--ink-3);font-size:11px;font-weight:600}.adm-kpis .kpi .v{font-family:var(--font-mono);letter-spacing:-.01em;margin-top:6px;font-size:24px;font-weight:500}.adm-kpis .kpi .delta{color:var(--ok);margin-top:2px;font-size:12px}.adm-kpis .kpi .delta[data-down="1"]{color:var(--danger)}.adm-grid-2{grid-template-columns:1fr 1fr;gap:16px;display:grid}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);overflow:hidden}.card-hd{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:14px 18px;display:flex}.card-hd h3{font-family:var(--font-serif);letter-spacing:-.005em;margin:0;font-size:18px;font-style:italic;font-weight:500}.card-hd-meta{color:var(--ink-3);font-size:12px;font-family:var(--font-mono)}.adm-toolbar{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.seg{background:var(--bg-2);border-radius:8px;gap:2px;padding:3px;display:inline-flex}.seg button{appearance:none;height:30px;color:var(--ink-3);cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:6px;padding:0 12px;font-size:12.5px;font-weight:500}.seg button[data-active=true]{background:var(--surface);color:var(--ink);box-shadow:var(--shadow-1)}.seg.scrolly{flex-wrap:nowrap;max-width:100%;overflow-x:auto}.adm-table{border-collapse:collapse;width:100%;font-size:13px}.adm-table thead th{text-align:left;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-3);background:var(--bg-2);border-bottom:1px solid var(--line);padding:12px 16px;font-size:11px;font-weight:600}.adm-table tbody td{border-bottom:1px solid var(--line);vertical-align:middle;padding:12px 16px}.adm-table tbody tr:last-child td{border-bottom:0}.adm-table tbody tr:hover{background:color-mix(in oklch, var(--bg-2) 60%, transparent)}.adm-table .mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.adm-table .right{text-align:right}.adm-table .muted{color:var(--ink-3)}.cell-person{align-items:center;gap:10px;display:flex}.cell-name{font-weight:500}.cell-sub{color:var(--ink-3);margin-top:2px;font-size:11.5px}.avatar{background:var(--bg-3);border:1px solid var(--line);width:34px;height:34px;color:var(--ink);border-radius:999px;flex-shrink:0;place-items:center;font-size:12px;font-weight:600;display:grid}.avatar.small{width:26px;height:26px;font-size:10px}.role-pill{text-transform:uppercase;letter-spacing:.06em;border-radius:999px;padding:3px 10px;font-size:11px;font-weight:600;display:inline-block}.role-pill.role-admin{background:var(--accent-soft);color:var(--accent-ink)}.role-pill.role-mesera{background:var(--info-soft);color:oklch(38% .1 240)}.role-pill.role-cajera{background:var(--warn-soft);color:oklch(38% .1 75)}.role-pill.role-cocina{background:var(--ok-soft);color:oklch(38% .1 150)}[data-theme=dark] .role-pill.role-mesera{color:oklch(85% .1 240)}[data-theme=dark] .role-pill.role-cajera{color:oklch(85% .1 75)}[data-theme=dark] .role-pill.role-cocina{color:oklch(85% .1 150)}.perm-chips{flex-wrap:wrap;gap:4px;display:flex}.perm-chip{background:var(--bg-2);color:var(--ink-2);text-transform:lowercase;letter-spacing:0;border-radius:999px;padding:2px 8px;font-size:10.5px;font-weight:500}.perm-chip.on{background:var(--ink);color:var(--bg)}.tier-pill{letter-spacing:.04em;border-radius:999px;padding:3px 10px;font-size:11px;font-weight:600;display:inline-block}.tier-pill.tier-vip{background:var(--accent-soft);color:var(--accent-ink)}.tier-pill.tier-regular{background:var(--bg-3);color:var(--ink-2)}.tier-pill.tier-nuevo{background:var(--info-soft);color:oklch(38% .1 240)}.tier-pill.tier-corporativo{background:var(--ink);color:var(--bg)}[data-theme=dark] .tier-pill.tier-nuevo{color:oklch(85% .1 240)}.pill-tag{text-transform:uppercase;letter-spacing:.06em;border-radius:4px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-block}.pill-tag.income{background:var(--ok-soft);color:oklch(38% .1 150)}.pill-tag.withdraw{background:var(--danger-soft);color:var(--danger)}.pill-tag.deposit{background:var(--info-soft);color:oklch(38% .1 240)}[data-theme=dark] .pill-tag.income{color:oklch(85% .1 150)}[data-theme=dark] .pill-tag.deposit{color:oklch(85% .1 240)}.switch{appearance:none;background:var(--bg-3);cursor:pointer;border:0;border-radius:999px;width:36px;height:20px;transition:background .15s;position:relative}.switch .knob{background:var(--surface);width:16px;height:16px;box-shadow:var(--shadow-1);border-radius:999px;transition:left .15s;position:absolute;top:2px;left:2px}.switch.on{background:var(--ok)}.switch.on .knob{left:18px}.meth-rows{flex-direction:column;gap:10px;padding:14px 18px;display:flex}.meth-row{grid-template-columns:110px 1fr 90px 40px;align-items:center;gap:12px;font-size:13px;display:grid}.meth-row .nm{font-weight:500}.meth-row .bar{background:var(--bg-2);border-radius:999px;height:8px;overflow:hidden}.meth-row .bar .fill{border-radius:999px;height:100%;transition:width .3s}.meth-row .bar .fill[data-m=cash]{background:var(--accent)}.meth-row .bar .fill[data-m=card]{background:oklch(60% .1 240)}.meth-row .bar .fill[data-m=transfer]{background:oklch(58% .09 150)}.meth-row .bar .fill[data-m=wallet]{background:oklch(70% .12 75)}.meth-row .amt{font-family:var(--font-mono);font-variant-numeric:tabular-nums;text-align:right;font-weight:500}.meth-row .pct{font-family:var(--font-mono);color:var(--ink-3);text-align:right;font-size:12px}.day-bars{grid-template-columns:repeat(7,1fr);align-items:end;gap:10px;height:200px;padding:18px;display:grid}.day-col{flex-direction:column;justify-content:flex-end;align-items:center;gap:6px;height:100%;display:flex}.day-bar{background:var(--ink);border-radius:6px 6px 0 0;justify-content:center;align-items:flex-start;width:100%;min-height:4px;padding-top:6px;transition:opacity .15s;display:flex;position:relative}.day-bar:hover{opacity:.85}.day-bar[data-now="1"]{background:var(--accent)}.day-val{font-family:var(--font-mono);color:var(--bg);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:10px;font-weight:500}.day-lbl{color:var(--ink-3);font-size:11px;font-family:var(--font-mono)}.role-grid{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.role-card{appearance:none;border:1px solid var(--line);background:var(--surface);cursor:pointer;text-align:left;border-radius:10px;padding:12px 14px}.role-card:hover{background:var(--bg-2);border-color:var(--line-2)}.role-card[aria-checked=true]{border-color:var(--ink);background:var(--bg-2);box-shadow:0 0 0 2px var(--ink) inset}.role-name{font-size:13.5px;font-weight:600}.role-perms{color:var(--ink-3);margin-top:4px;font-size:11px}.btn.ghost.danger{color:var(--danger)}.btn.ghost.danger:hover{background:var(--danger-soft)}.tables-main,.product-grid,.cart-items,.activity,.dash,.lane-body,.kds,.modal-bd{scrollbar-width:thin;scrollbar-color:var(--line-2) transparent}.tables-main::-webkit-scrollbar{width:8px}.product-grid::-webkit-scrollbar{width:8px}.cart-items::-webkit-scrollbar{width:8px}.activity::-webkit-scrollbar{width:8px}.dash::-webkit-scrollbar{width:8px}.lane-body::-webkit-scrollbar{width:8px}.kds::-webkit-scrollbar{width:8px}.modal-bd::-webkit-scrollbar{width:8px}.tables-main::-webkit-scrollbar-thumb{background:var(--line-2);border-radius:4px}.product-grid::-webkit-scrollbar-thumb{background:var(--line-2);border-radius:4px}.cart-items::-webkit-scrollbar-thumb{background:var(--line-2);border-radius:4px}.activity::-webkit-scrollbar-thumb{background:var(--line-2);border-radius:4px}.dash::-webkit-scrollbar-thumb{background:var(--line-2);border-radius:4px}.lane-body::-webkit-scrollbar-thumb{background:var(--line-2);border-radius:4px}.kds::-webkit-scrollbar-thumb{background:var(--line-2);border-radius:4px}.modal-bd::-webkit-scrollbar-thumb{background:var(--line-2);border-radius:4px}
