:root{--bg:#0b0d0c;--panel:#151917;--panel-2:#1e2421;--line:#2c3530;--text:#f3f6f4;--muted:#9aa8a0;--green:#3ddc68;--green-ink:#04220d;--amber:#ffc247;--red:#ff6b5e;--blue:#6fb6ff;--radius:14px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);margin:0}body{-webkit-tap-highlight-color:transparent;overscroll-behavior-y:contain;font:17px/1.4 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}h1,h2,h3{margin:0;line-height:1.2}h2{font-size:1.15rem}h3{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:22px 0 8px;font-size:.85rem;font-weight:600}p{margin:0}.muted{color:var(--muted)}.small{font-size:.85rem}.num{font-variant-numeric:tabular-nums}.right{text-align:right}.grow{flex:1;min-width:0}.row{align-items:center;gap:10px;display:flex}.wrap{flex-wrap:wrap}.between{justify-content:space-between}.stack{flex-direction:column;gap:10px;display:flex}.app{flex-direction:column;min-height:100dvh;display:flex}.top{z-index:5;padding:calc(8px + env(safe-area-inset-top)) 14px 8px;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0b0d0cf0;align-items:center;gap:10px;display:flex;position:sticky;top:0}.top img{border-radius:8px;width:36px;height:36px}.top .who{color:var(--muted);font-size:.8rem}main{flex:1;width:100%;max-width:1100px;margin:0 auto;padding:14px 14px 110px}.nav{z-index:6;background:var(--panel);border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom);display:flex;position:fixed;bottom:0;left:0;right:0}.nav button{color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;border-top:3px solid #0000;flex:1;padding:16px 6px;font-weight:600}.nav button.on{color:var(--green);border-top-color:var(--green)}button{font:inherit}.btn{border:1px solid var(--line);background:var(--panel-2);min-height:48px;color:var(--text);cursor:pointer;text-align:center;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-weight:600;display:inline-flex}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.primary{background:var(--green);border-color:var(--green);color:var(--green-ink)}.btn.danger{color:var(--red);background:#24100e;border-color:#5a2a26}.btn.ghost{background:0 0}.btn.sm{min-height:38px;padding:6px 12px;font-size:.9rem}.btn.big{border-radius:18px;width:100%;min-height:76px;font-size:1.35rem}.btn.block{width:100%}input,select,textarea{font:inherit;color:var(--text);background:var(--panel-2);border:1px solid var(--line);border-radius:12px;width:100%;min-height:48px;padding:12px 14px}input:focus,select:focus,textarea:focus,.btn:focus-visible{outline:2px solid var(--green);outline-offset:1px}label{color:var(--muted);flex-direction:column;gap:5px;font-size:.85rem;display:flex}label.check{color:var(--text);flex-direction:row;align-items:center;gap:10px;font-size:1rem}label.check input{width:22px;height:22px;min-height:22px;accent-color:var(--green)}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:14px}.list{flex-direction:column;gap:8px;display:flex}.empty{color:var(--muted);text-align:center;border:1px dashed var(--line);border-radius:var(--radius);padding:18px}.chip{background:var(--panel-2);border:1px solid var(--line);min-height:40px;color:var(--text);cursor:pointer;white-space:nowrap;border-radius:999px;align-items:center;padding:6px 14px;font-weight:600;display:inline-flex}.chip.on{background:var(--green);border-color:var(--green);color:var(--green-ink)}.chips{scrollbar-width:none;gap:8px;padding-bottom:4px;display:flex;overflow-x:auto}.chips.wrap{overflow:visible}.badge{background:var(--panel-2);color:var(--muted);white-space:nowrap;border-radius:999px;padding:2px 9px;font-size:.75rem;font-weight:700;display:inline-block}.badge.green{color:var(--green);background:#12371e}.badge.amber{color:var(--amber);background:#3a2c0c}.badge.red{color:var(--red);background:#3a1512}.badge.blue{color:var(--blue);background:#10283f}.banner{color:var(--amber);background:#3a2c0c;border-radius:12px;margin-bottom:12px;padding:10px 14px;font-weight:600}.tabno{background:var(--panel-2);border:1px solid var(--line);font-variant-numeric:tabular-nums;border-radius:12px;flex:none;place-items:center;min-width:58px;height:58px;padding:0 8px;font-size:1.6rem;font-weight:800;display:grid}.item{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);align-items:center;gap:12px;padding:10px 12px;display:flex}.item.ready{border-color:var(--green);background:#0f2416}.item.alert{background:#24100e;border-color:#7a3a33}.item .title{font-size:1.05rem;font-weight:700}.item .actions{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.sheet{z-index:20;background:var(--bg);flex-direction:column;display:flex;position:fixed;inset:0}.sheet>header{padding:calc(10px + env(safe-area-inset-top)) 14px 10px;border-bottom:1px solid var(--line);align-items:center;gap:10px;display:flex}.sheet>.body{flex:1;width:100%;max-width:720px;margin:0 auto;padding:14px 14px 120px;overflow-y:auto}.scanner{aspect-ratio:1;background:#000;border-radius:18px;width:100%;max-height:52dvh;margin:0 auto;position:relative;overflow:hidden}.scanner video{object-fit:cover;width:100%;height:100%}.product{text-align:left;width:100%;min-height:60px;color:var(--text);background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);cursor:pointer;align-items:center;gap:10px;padding:8px 12px;display:flex}.product.in{border-color:var(--green)}.qty{background:var(--green);min-width:34px;height:34px;color:var(--green-ink);border-radius:999px;place-items:center;font-weight:800;display:grid}.round{border:1px solid var(--line);background:var(--panel-2);width:44px;height:44px;color:var(--text);cursor:pointer;border-radius:999px;flex:none;font-size:1.4rem;font-weight:700}.sendbar{z-index:21;padding:12px 14px calc(12px + env(safe-area-inset-bottom));background:linear-gradient(transparent, var(--bg) 30%);position:fixed;bottom:0;left:0;right:0}.sendbar .inner{gap:8px;max-width:720px;margin:0 auto;display:flex}.queue{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:10px;display:grid}.ticket{background:var(--panel);border-radius:var(--radius);border:2px solid #5a4514;flex-direction:column;gap:8px;padding:12px;display:flex}.ticket.doing{border-color:#1f4a73}.ticket.done{border-color:var(--green);background:#0f2416}.ticket.late{border-color:var(--red)}.ticket .what{font-size:1.3rem;font-weight:800}.ticket .note{color:var(--amber);font-weight:600}.grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:10px;display:grid}.tabcard{text-align:left;color:var(--text);cursor:pointer;align-items:center;gap:12px;display:flex}.cols{grid-template-columns:1fr;gap:14px;display:grid}@media (width>=900px){.cols{grid-template-columns:1.4fr 1fr;align-items:start}}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid var(--line);vertical-align:middle;padding:9px 8px}th{text-transform:uppercase;letter-spacing:.05em;color:var(--muted);font-size:.75rem;font-weight:600}tr.off td{color:var(--muted)}tr.off td:nth-child(2),tr.off td:nth-child(5){text-decoration:line-through}.tablewrap{overflow-x:auto}.total{justify-content:space-between;padding:5px 0;display:flex}.total.big{border-top:1px solid var(--line);margin-top:6px;padding-top:10px;font-size:1.5rem;font-weight:800}.form{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));align-items:end;gap:10px;display:grid}.stat{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:14px}.stat b{font-size:1.6rem;display:block}.login{place-items:center;min-height:100dvh;padding:20px;display:grid}.login .box{flex-direction:column;gap:12px;width:100%;max-width:380px;display:flex}.login img{border-radius:28px;width:132px;height:132px;margin:0 auto 6px;display:block}.toasts{top:calc(10px + env(safe-area-inset-top));z-index:50;pointer-events:none;flex-direction:column;align-items:center;gap:8px;padding:0 12px;display:flex;position:fixed;left:0;right:0}.toast{background:var(--panel-2);border:1px solid var(--line);border-radius:12px;max-width:520px;padding:12px 16px;font-weight:600;box-shadow:0 8px 30px #00000080}.toast.ok{border-color:var(--green);color:var(--green)}.toast.err{border-color:var(--red);color:var(--red)}.toast.big{background:var(--green);color:var(--green-ink);border-color:var(--green);font-size:1.15rem}.tv{grid-template-columns:1fr 1fr;gap:2vw;min-height:100dvh;padding:2vw;font-size:clamp(16px,1.5vw,30px);display:grid}.tv h1{margin-bottom:.5em;font-size:1.8em}.tv .col{background:var(--panel);border:1px solid var(--line);border-radius:1em;padding:1em}.tv .line{border-bottom:1px solid var(--line);align-items:baseline;gap:.7em;padding:.45em 0;font-size:1.15em;display:flex}.tv .line b{font-size:1.2em}@media (width<=800px){.tv{grid-template-columns:1fr}}.print-area{display:none}@media print{body{color:#000;background:#fff}.app,.toasts{display:none!important}.print-area{grid-template-columns:repeat(3,1fr);gap:6mm;padding:6mm;display:grid}.qrcard{text-align:center;break-inside:avoid;color:#000;border:1px dashed #999;border-radius:4mm;padding:5mm}.qrcard img{width:42mm;height:42mm}.qrcard .n{font-size:22pt;font-weight:800}.qrcard .b{letter-spacing:.1em;text-transform:uppercase;font-size:10pt}}