:root{--bg: #14110e;--bg-2: #1d1813;--surface: #261f18;--surface-2: #32281f;--line: #3d3228;--text: #f6efe6;--muted: #b7a898;--accent: #e85d04;--accent-2: #f4a261;--ok: #2a9d8f;--danger: #c1121f;--shadow: 0 10px 30px rgba(0, 0, 0, .35);font-family:Outfit,Segoe UI,system-ui,sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text)}button,input,select,textarea{font:inherit;color:inherit}.btn{border:0;border-radius:12px;padding:.7rem 1rem;background:var(--surface-2);cursor:pointer;font-weight:700}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--accent);color:#fff}.btn-ok{background:var(--ok);color:#fff}.btn-danger{background:var(--danger);color:#fff}.btn-ghost{background:transparent;border:1px solid var(--line)}.login-wrap{min-height:100%;display:grid;place-items:center;padding:1.5rem;background:radial-gradient(900px 400px at 20% 0%,rgba(232,93,4,.25),transparent 60%),var(--bg)}.login-card{width:min(420px,100%);background:var(--surface);padding:2rem;border-radius:20px;box-shadow:var(--shadow);border:1px solid var(--line)}.brand{font-size:2rem;margin:0 0 .25rem;letter-spacing:.04em}.brand span{color:var(--accent)}.sub{color:var(--muted);margin:0 0 1.5rem}.field{display:flex;flex-direction:column;gap:.35rem;margin-bottom:.9rem}.field label{color:var(--muted);font-size:.85rem}.field input,.field select,.field textarea{background:var(--bg);border:1px solid var(--line);border-radius:10px;padding:.75rem .85rem}.err{color:#ff8a80;margin:0 0 .75rem}.shell{display:flex;flex-direction:column;height:100%}.topbar{display:flex;align-items:center;gap:.75rem;padding:.6rem .9rem;background:var(--bg-2);border-bottom:1px solid var(--line)}.topbar nav{display:flex;gap:.4rem;flex:1}.topbar a{color:var(--muted);text-decoration:none;padding:.45rem .75rem;border-radius:10px;font-weight:700}.topbar a.active,.topbar a:hover{background:var(--surface-2);color:var(--text)}.who{color:var(--muted);font-size:.9rem}.pos{flex:1;display:grid;grid-template-columns:minmax(0,1fr) 320px;min-height:0}.pos-main{display:flex;flex-direction:column;min-width:0;min-height:0}.today-bar{padding:.55rem .7rem .35rem;border-bottom:1px solid var(--line);background:var(--bg-2)}.today-bar strong{font-size:.82rem;color:var(--muted)}.today-list{display:flex;gap:.45rem;overflow-x:auto;padding:.4rem 0 .2rem}.ticket{flex:0 0 auto;min-width:118px;text-align:left;border-radius:12px;padding:.45rem .55rem;border:1px solid var(--line);background:var(--surface);cursor:pointer;display:grid;gap:.08rem;font-size:.78rem}.ticket em{font-style:normal;font-weight:800}.ticket.open{border-color:var(--accent)}.ticket.paid{opacity:.85}.ticket.current{outline:2px solid #fff}.photo-preview{display:flex;align-items:center;gap:.75rem;margin-top:.4rem}.photo-preview img,.thumb{width:64px;height:64px;object-fit:cover;border-radius:10px;border:1px solid var(--line)}.cats{display:flex;gap:.5rem;padding:.7rem;overflow-x:auto;border-bottom:1px solid var(--line)}.cat{flex:0 0 auto;min-width:120px;padding:.85rem 1rem;border-radius:14px;border:2px solid transparent;font-size:1.05rem;font-weight:800}.cat.active{border-color:#fff;transform:translateY(-1px)}.grid-wrap{flex:1;overflow:auto;padding:.7rem}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.65rem}.card{background:var(--surface);border:1px solid var(--line);border-radius:16px;min-height:110px;padding:.85rem;text-align:left;cursor:pointer;display:flex;flex-direction:column;justify-content:space-between}.card:hover{border-color:var(--accent-2)}.card b{font-size:1.02rem}.card .price{color:var(--accent-2);font-weight:800}.badge{align-self:flex-start;font-size:.7rem;background:var(--accent);color:#fff;border-radius:999px;padding:.1rem .45rem;font-weight:800}.composer{border-top:1px solid var(--line);background:var(--surface);padding:.8rem;display:grid;grid-template-columns:1fr auto;gap:.75rem;align-items:start}.composer h3{margin:0 0 .4rem}.qty{display:flex;align-items:center;gap:.45rem}.qty button{width:48px;height:48px;border-radius:12px;font-size:1.4rem;background:var(--surface-2);border:0;cursor:pointer}.qty span{min-width:2rem;text-align:center;font-size:1.4rem;font-weight:800}.slot-picks{display:flex;flex-wrap:wrap;gap:.4rem;margin:.4rem 0}.chip{border:1px solid var(--line);background:var(--bg);border-radius:999px;padding:.35rem .7rem;cursor:pointer}.chip.on{background:var(--ok);border-color:var(--ok);color:#fff}.cart{background:var(--bg-2);border-left:1px solid var(--line);display:flex;flex-direction:column;min-height:0}.cart h2{margin:0;padding:.85rem .9rem .4rem;font-size:1.15rem}.types{display:flex;gap:.35rem;padding:0 .7rem .5rem}.types button{flex:1;font-size:.78rem;padding:.5rem .2rem}.types .on{background:var(--accent);color:#fff}.lines{flex:1;overflow:auto;padding:.4rem .7rem}.line{background:var(--surface);border-radius:12px;padding:.55rem .65rem;margin-bottom:.45rem}.line-top{display:flex;justify-content:space-between;gap:.4rem;font-weight:700}.line small{color:var(--muted);display:block}.line-qty{display:flex;align-items:center;gap:.35rem;margin-top:.35rem}.line-qty button{width:32px;height:32px;border:0;border-radius:8px;background:var(--surface-2);cursor:pointer}.meta{padding:0 .7rem .5rem;display:grid;gap:.35rem}.meta input,.meta textarea{width:100%;background:var(--bg);border:1px solid var(--line);border-radius:8px;padding:.5rem .6rem}.totals{padding:.75rem .9rem 1rem;border-top:1px solid var(--line)}.totals .sum{display:flex;justify-content:space-between;font-size:1.35rem;font-weight:800;margin-bottom:.55rem}.totals .row-btns{display:grid;gap:.4rem}.mobile-cart-btn{display:none;position:fixed;right:1rem;bottom:1rem;z-index:20;padding:.85rem 1.1rem;border-radius:999px;background:var(--accent);color:#fff;border:0;font-weight:800;box-shadow:var(--shadow)}.admin,.stats{flex:1;overflow:auto;padding:1rem}.panel{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:1rem;margin-bottom:1rem}.kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}.kpi{background:var(--surface-2);border-radius:14px;padding:1rem}.kpi b{display:block;font-size:1.6rem}.table{width:100%;border-collapse:collapse}.table th,.table td{text-align:left;padding:.5rem;border-bottom:1px solid var(--line)}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.6rem}.form-grid .full{grid-column:1 / -1}.receipt-print{display:none}@media print{body *{visibility:hidden!important}.receipt-print,.receipt-print *{visibility:visible!important}.receipt-print{display:block!important;position:absolute;left:0;top:0;width:80mm;color:#000;background:#fff;font-family:Courier New,monospace;font-size:12px;padding:4mm}.receipt-print h1{font-size:18px;text-align:center;margin:0 0 4px}.receipt-print p,.receipt-print div{margin:2px 0}.receipt-print hr{border:0;border-top:1px dashed #000}}@media(max-width:900px){.pos{grid-template-columns:1fr}.cart{position:fixed;inset:auto 0 0;height:min(78vh,640px);border-left:0;border-top:1px solid var(--line);transform:translateY(110%);transition:transform .2s ease;z-index:30}.cart.open{transform:translateY(0)}.mobile-cart-btn{display:block}.kpis,.form-grid{grid-template-columns:1fr}}