:root{--bg:#0e0e10;--surface:#1c1c1f;--surface-2:#242428;--border:#ffffff12;--accent:#7f77dd;--accent-soft:#7f77dd2e;--accent-border:#7f77dd59;--text-primary:#f0f0f5;--text-muted:#f0f0f57a;--success:#1d9e75;--amber:#ef9f27;--red:#e5484d;--red-deep:#b32328;--font-sans:-apple-system, BlinkMacSystemFont, "SF Pro Display", "Inter", "Segoe UI", Roboto, system-ui, sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{background:var(--bg);color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;font-size:18px}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit}.app{flex-direction:column;min-height:100vh;display:flex}.topbar{border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:18px 24px;display:flex}.topbar-left{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.brand{letter-spacing:-.5px;font-size:26px;font-weight:700}.brand-tag{background:var(--accent-soft);border:1px solid var(--accent-border);letter-spacing:1px;color:var(--accent);border-radius:6px;padding:3px 10px;font-size:11px;font-weight:700}.venue{color:var(--text-muted);font-size:15px;font-weight:500}.topbar-right{align-items:center;gap:12px;display:flex}.top-btn{border:1px solid var(--border);background:var(--surface);border-radius:12px;padding:14px 20px;font-size:16px;font-weight:600;transition:all .15s}.top-btn:hover{background:var(--surface-2)}.top-btn.pause-on{border-color:var(--amber);color:var(--amber);background:#ef9f2726}.top-btn.busy-on{border-color:var(--red);color:var(--red);background:#e5484d26}.tabs{border-bottom:1px solid var(--border);gap:8px;padding:14px 24px;display:flex}.tab{color:var(--text-muted);background:var(--surface);border:1px solid var(--border);border-radius:12px;align-items:center;gap:10px;padding:14px 28px;font-size:18px;font-weight:700;transition:all .15s;display:flex}.tab:hover{background:var(--surface-2);color:var(--text-primary)}.tab.active{background:var(--accent-soft);border-color:var(--accent-border);color:var(--accent)}.tab-badge{background:var(--accent);color:#fff;border-radius:13px;justify-content:center;align-items:center;min-width:26px;height:26px;padding:0 8px;font-size:14px;font-weight:800;display:inline-flex}.tab-badge.out{background:var(--red)}.banner{border-radius:12px;margin:16px 24px 0;padding:16px 20px;font-size:16px;font-weight:600}.banner-busy{color:var(--red);background:#e5484d1f;border:1px solid #e5484d66}.banner-pause{color:var(--amber);background:#ef9f271f;border:1px solid #ef9f2766}.main{flex:1;padding:20px 24px 40px}.empty{text-align:center;color:var(--text-muted);padding:80px;font-size:18px}.grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:16px;display:grid}.card{background:var(--surface);border:1px solid var(--border);border-radius:18px;flex-direction:column;gap:14px;padding:20px;transition:border-color .2s,background .2s;display:flex}.card.is-urgent{border-left:4px solid var(--amber);padding-left:18px}.card.is-ready{border-color:var(--success);background:#1d9e7512}.card-new{border:2px solid var(--accent);animation:4.5s ease-in-out infinite pulse-new}@keyframes pulse-new{0%,to{background:var(--surface)}25%{background:#fff}50%{background:var(--surface)}}.card-new .order-number,.card-new .item-name,.card-new .item-qty{color:var(--text-primary)}.card-confirm{background:var(--surface);justify-content:center;gap:18px;animation:none}.card-top{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.order-number{letter-spacing:-.5px;font-size:26px;font-weight:800}.elapsed{color:var(--text-muted);margin-top:4px;font-size:15px;font-weight:600}.elapsed.is-warning{color:var(--amber)}.badge{letter-spacing:.8px;white-space:nowrap;border-radius:8px;align-self:flex-start;padding:6px 12px;font-size:13px;font-weight:800}.badge-new{background:var(--accent);color:#fff}.badge-preparing{color:var(--amber);background:#ef9f272e}.badge-ready{color:var(--success);background:#1d9e7533}.items{flex-direction:column;gap:10px;display:flex}.item{align-items:center;gap:14px;font-size:19px;display:flex}.item-qty{background:var(--accent-soft);min-width:36px;height:36px;color:var(--accent);border-radius:8px;justify-content:center;align-items:center;font-size:18px;font-weight:800;display:inline-flex}.item-name{flex:1;font-weight:600}.note{background:var(--surface-2);border-left:3px solid var(--amber);color:var(--text-primary);border-radius:8px;padding:12px 14px;font-size:16px;font-style:italic}.big-btn{letter-spacing:.2px;border-radius:14px;width:100%;padding:18px;font-size:19px;font-weight:800;transition:filter .15s,transform .1s}.big-btn:hover{filter:brightness(1.1)}.big-btn:active{transform:scale(.98)}.btn-green{background:var(--success);color:#fff}.btn-red{background:var(--red);color:#fff}.btn-red-deep{background:var(--red-deep);color:#fff}.btn-amber{background:var(--amber);color:#fff}.btn-accent{background:var(--accent);color:#fff}.btn-grey{background:var(--surface-2);color:var(--text-primary);border:1px solid var(--border)}.btn-red-outline{color:var(--red);border:1px solid var(--red);background:0 0}.action-row,.confirm-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.confirm-q{text-align:center;font-size:20px;font-weight:700}.expand{border-top:1px solid var(--border);flex-direction:column;gap:12px;padding-top:14px;display:flex}.timeout-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.text-back{color:var(--text-muted);padding:6px;font-size:15px;font-weight:600}.text-back:hover{color:var(--text-primary)}.stock{grid-template-columns:repeat(auto-fill,minmax(360px,1fr));align-items:start;gap:20px;display:grid}.stock-cat{background:var(--surface);border:1px solid var(--border);border-radius:18px;padding:20px}.stock-cat-title{text-transform:uppercase;letter-spacing:1.2px;color:var(--text-muted);margin-bottom:14px;font-size:16px;font-weight:800}.stock-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:16px;padding:14px 0;display:flex}.stock-row:last-child{border-bottom:none}.stock-row.is-out .stock-name{color:var(--text-muted);text-decoration:line-through}.stock-name{font-size:19px;font-weight:600}.stock-toggle{letter-spacing:.5px;border-radius:12px;min-width:130px;padding:14px 18px;font-size:15px;font-weight:800;transition:all .15s}.stock-toggle.in{color:var(--success);background:#1d9e752e;border:1px solid #1d9e7580}.stock-toggle.out{color:var(--red);background:#e5484d2e;border:1px solid #e5484d80}.stock-toggle:active{transform:scale(.96)}.toast-stack{z-index:100;pointer-events:none;flex-direction:column;gap:10px;display:flex;position:fixed;bottom:24px;right:24px}.toast{background:var(--surface-2);color:var(--text-primary);border:1px solid var(--border);border-radius:14px;padding:16px 22px;font-size:16px;font-weight:700;animation:.25s toast-in;box-shadow:0 8px 24px #0006}.toast-good{border-left:4px solid var(--success)}.toast-bad{border-left:4px solid var(--red)}.toast-neutral{border-left:4px solid var(--accent)}@keyframes toast-in{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@media (width<=640px){body{font-size:17px}.topbar{padding:14px 16px}.main{padding:16px}.banner{margin:14px 16px 0}}.login-wrap{justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.login-card{background:var(--surface,#1c1c1f);border:1px solid #ffffff12;border-radius:18px;flex-direction:column;gap:12px;width:100%;max-width:380px;padding:28px 24px;display:flex}.login-brand{letter-spacing:-1px;font-size:28px;font-weight:800}.login-dot{color:#7f77dd}.login-sub{color:#f0f0f58c;margin-bottom:6px;font-size:14px}.login-input{color:#f0f0f5;background:#ffffff0a;border:1px solid #ffffff14;border-radius:12px;outline:none;padding:14px 16px;font-size:15px}.login-input:focus{border-color:#7f77dd80}.login-error{color:#e15a5a;font-size:13px}.item-block{flex-direction:column;gap:6px;display:flex}.item-note{background:var(--surface-2);border-left:3px solid var(--accent);color:var(--text-primary);border-radius:6px;margin-left:50px;padding:7px 10px;font-size:14px;line-height:1.35}