:root{--ink:#19202a;--muted:#697280;--bg:#f5f7fa;--card:#fff;--accent:#126e82;--danger:#b42318;--line:#e2e7ed}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:16px system-ui,-apple-system,Segoe UI,sans-serif}header{height:70px;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 max(20px,5vw);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:5}.brand{font-size:1.25rem;font-weight:800;text-decoration:none;color:inherit}main{max-width:1100px;margin:auto;padding:30px 20px 60px}h1{margin:0 0 7px;font-size:clamp(1.7rem,4vw,2.7rem)}h2{margin:30px 0 15px}.lead,.muted{color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:14px}.user,.drink,.card{border:1px solid var(--line);background:var(--card);border-radius:18px;box-shadow:0 2px 8px #1a26300a}.user,.drink{padding:22px 14px;min-height:108px;cursor:pointer;color:var(--ink);font:inherit;font-weight:700}.user:hover,.drink:hover{border-color:var(--accent);transform:translateY(-2px)}.drink{font-size:1.05rem}.drink .icon{font-size:2rem;display:block;margin-bottom:8px}.price{color:var(--accent);font-size:.9rem;margin-top:5px}.split{display:grid;grid-template-columns:1fr 1fr;gap:25px}.card{padding:22px}.balance{font-size:2.7rem;font-weight:800;color:var(--accent);margin:8px 0}button{border:0;border-radius:10px;padding:11px 16px;background:var(--accent);color:white;font:inherit;font-weight:700;cursor:pointer}button.ghost{background:#e9f1f3;color:var(--accent)}button.danger{background:#fff0ef;color:var(--danger)}button.small{font-size:.82rem;padding:7px 9px}input,select{font:inherit;padding:10px;border:1px solid #cbd5df;border-radius:9px;width:100%;background:#fff}form{display:grid;gap:10px}.row{display:flex;gap:8px;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:11px 0}.row:last-child{border:0}.amount{font-weight:750}.void{color:var(--muted);text-decoration:line-through}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#19202a;color:#fff;padding:12px 18px;border-radius:10px;opacity:0;transition:.2s;pointer-events:none}#toast.show{opacity:1}.tabs{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 20px}.tabs button.active{background:#19202a}.admin-table{width:100%;border-collapse:collapse;background:#fff;border-radius:10px;overflow:hidden}.admin-table th,.admin-table td{text-align:left;padding:11px;border-bottom:1px solid var(--line)}.admin-table th{color:var(--muted);font-size:.82rem}@media(max-width:700px){main{padding:22px 14px}.split{grid-template-columns:1fr}.grid{grid-template-columns:repeat(2,1fr)}.admin-table{font-size:.86rem}.admin-table th:nth-child(3),.admin-table td:nth-child(3){display:none}}
:focus-visible{outline:3px solid #efad26;outline-offset:3px}button:disabled{opacity:.5;cursor:wait}.scan{display:flex;gap:16px;align-items:end;margin-bottom:24px}.scan label{flex:1}.scan input{margin-top:8px}label{display:block;font-size:.9rem}label input,label select{margin-top:5px}.sound{display:flex;align-items:center;gap:8px}.sound input{width:auto}.drink-wrap{position:relative}.drink-wrap .drink{width:100%;height:100%;padding-top:35px}.favorite{position:absolute;right:5px;top:5px;padding:6px 12px;font-size:1.25rem}dialog{border:0;border-radius:18px;padding:24px;max-width:520px;width:calc(100% - 28px);max-height:90vh;box-shadow:0 20px 90px #0005}dialog::backdrop{background:#15273488}dialog h2{margin-top:0}.error{color:#b42318}.warning{background:#fff4d6!important;border:1px solid #e7bb54;padding:18px;border-radius:14px;margin-bottom:18px}.metric{font-size:1.8rem;font-weight:800;color:var(--accent);margin-top:8px}.report-controls{flex-wrap:wrap}.report-controls label{flex:1;min-width:120px}.chart-row{display:grid;grid-template-columns:minmax(65px,1fr) 2fr minmax(60px,auto);gap:9px;align-items:center;margin:12px 0;font-size:.85rem}.track{background:#edf1f4;border-radius:4px;height:18px;overflow:hidden}.bar{height:100%;background:#126e82;border-radius:4px;min-width:0}.bar.negative{background:#bd493e}.table-scroll{overflow:auto}.split>.card{margin-top:20px}.booked{animation:flash .65s ease-out}@keyframes flash{from{background:#d4f7dd}to{background:transparent}}@media(prefers-reduced-motion:reduce){.booked{animation:none}}@media(max-width:700px){.row{flex-wrap:wrap}.scan{flex-direction:column;align-items:stretch}.table-scroll .admin-table th,.table-scroll .admin-table td{display:table-cell!important}.chart-row{grid-template-columns:80px 1fr auto}}@media print{header,.tabs,.report-controls,button{display:none!important}body{background:white}main{max-width:none;padding:0}.split{display:block}.card{box-shadow:none;break-inside:avoid;margin:12px 0}.chart,.bar{print-color-adjust:exact;-webkit-print-color-adjust:exact}.row{border:0}}
.category-path{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:22px 0}.category-tile{min-height:120px;font-size:1.2rem}.logo-frame{display:flex;align-items:center;justify-content:center;height:88px;margin-bottom:12px}.logo-frame img{max-width:100%;max-height:88px;object-fit:contain}.logo-frame [hidden]{display:none}.drink-detail,.stock-note{display:block;font-size:.8rem;margin-top:8px}.stock-note{color:#78550c}.catalogue-admin{grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}.logo-editor{border:1px solid var(--line);padding:12px;border-radius:12px}.logo-candidate{display:inline-flex;flex-direction:column;max-width:46%;margin:5px;vertical-align:top;gap:5px}.logo-candidate small{font-weight:400}.logo-candidate .logo-frame{height:65px}.logo-candidate img{max-height:65px}#logo-status{font-size:.9rem}#logo-selection small{overflow-wrap:anywhere}
#barcode-video{display:block;width:100%;max-height:320px;object-fit:contain;border-radius:12px;background:#17212b}#barcode-video[hidden]{display:none}#receipt-total{display:block;background:#e9f1f3;padding:16px;border-radius:10px;font-size:1.1rem;font-weight:700}#receipt-form input{min-height:48px}
.device-cash{font-size:.85rem;color:#55606e;margin-left:auto;padding:6px 12px}header{flex-wrap:wrap}

.quantity-dialog{max-width:480px}.quantity-dialog button{touch-action:manipulation}.quantity-primary{width:100%;min-height:150px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;font-size:1.15rem}.quantity-primary strong{font-size:3rem}.quantity-alternatives{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:14px}.quantity-secondary{min-height:95px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:12px 5px}.quantity-secondary strong{font-size:1.5rem}.quantity-cancel{width:100%;margin-top:8px}
