*{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0d1117;--panel:#161b22;--panel2:#1c2330;--border:#2d3644;--text:#e6edf3;--muted:#a3b1c2;--accent:#4cc9f0;--accent-dark:#0b3d52;--green:#3fb950;--amber:#e3b341;--red:#f47067;--radius:12px}html,body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}#root{min-height:100vh}button{font:inherit;cursor:pointer;border:none;border-radius:8px}input,select{font:inherit;background:var(--panel2);color:var(--text);border:1px solid var(--border);border-radius:8px;width:100%;padding:9px 12px}input:focus,select:focus{outline:2px solid var(--accent);border-color:#0000}label{color:var(--muted);margin:10px 0 4px;font-size:13px;display:block}.app{flex-direction:column;max-width:1100px;min-height:100vh;margin:0 auto;display:flex}.topbar{border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:14px 16px;display:flex}.topbar img{height:26px}.topbar h1{font-size:18px;font-weight:700}.topbar .sub{color:var(--muted);margin-left:auto;font-size:12px}.tabs{border-bottom:1px solid var(--border);gap:4px;padding:8px 12px;display:flex;overflow-x:auto}.tabs button{color:var(--muted);white-space:nowrap;background:0 0;padding:9px 14px;font-size:14px;font-weight:600}.tabs button.active{background:var(--accent-dark);color:var(--accent)}.page{flex:1;padding:16px}.grid{gap:12px;display:grid}.machines{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.stats{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));margin-bottom:16px}.card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:14px}.card h3{margin-bottom:8px;font-size:14px}.stat .num{font-size:24px;font-weight:800}.stat .lbl{color:var(--muted);font-size:12px}.machine{text-align:center}.machine .mid{font-size:20px;font-weight:800}.machine .mtype{color:var(--muted);text-transform:capitalize;font-size:12px}.machine .timer{font-variant-numeric:tabular-nums;margin:6px 0;font-size:22px;font-weight:700}.machine.available{border-color:var(--green)}.machine.running{border-color:var(--accent)}.machine.done{border-color:var(--amber);animation:1.2s infinite pulse}.machine.out-of-service{opacity:.55}@keyframes pulse{50%{box-shadow:0 0 0 4px #e3b34140}}.badge{border-radius:99px;padding:3px 9px;font-size:11px;font-weight:700;display:inline-block}.badge.available{color:#56d364;background:#12351c}.badge.running,.badge.washing,.badge.drying{background:var(--accent-dark);color:var(--accent)}.badge.done,.badge.queued,.badge.washed,.badge.folding{color:#e8c35c;background:#3a2e10}.badge.ready{color:#56d364;background:#12351c}.badge.completed{color:var(--muted);background:#262d38}.badge.out-of-service,.badge.overdue,.badge.unpaid{color:#f7938c;background:#43201d}.badge.paid{color:#56d364;background:#12351c}.badge.walkin{color:#9db8e8;background:#1f2a3d}.badge.dropoff{color:#d2a8e8;background:#33203d}.btn{background:var(--accent);color:#05222e;padding:10px 16px;font-weight:700}.btn.secondary{background:var(--panel2);color:var(--text);border:1px solid var(--border)}.btn.danger{background:var(--red);color:#2a0705}.btn.small{padding:6px 10px;font-size:13px}.btn:disabled{opacity:.45;cursor:not-allowed}.row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.spread{justify-content:space-between}.list>*+*{margin-top:10px}.muted{color:var(--muted);font-size:13px}.total{color:var(--accent);font-size:26px;font-weight:800}table{border-collapse:collapse;width:100%;font-size:14px}th,td{text-align:left;border-bottom:1px solid var(--border);padding:9px 8px}th{color:var(--muted);font-size:12px}.table-wrap{overflow-x:auto}.seg{background:var(--panel2);border:1px solid var(--border);border-radius:10px;padding:3px;display:flex}.seg button{color:var(--muted);background:0 0;flex:1;padding:9px;font-weight:700}.seg button.active{background:var(--accent);color:#05222e}.qty{align-items:center;gap:10px;display:flex}.qty button{background:var(--panel2);width:34px;height:34px;color:var(--text);border:1px solid var(--border);font-size:18px;font-weight:700}.qty span{text-align:center;min-width:24px;font-weight:700}.modal-bg{z-index:50;background:#0009;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);width:100%;max-width:420px;max-height:90vh;padding:20px;overflow-y:auto}.modal h2{margin-bottom:12px;font-size:17px}.receipt{background:var(--panel2);border:1px dashed var(--border);border-radius:8px;padding:14px;font-family:ui-monospace,monospace;font-size:13px}.receipt .line{justify-content:space-between;padding:2px 0;display:flex}.receipt hr{border:none;border-top:1px dashed var(--border);margin:8px 0}.footer{color:var(--muted);border-top:1px solid var(--border);justify-content:center;align-items:center;gap:7px;padding:14px;font-size:12px;display:flex}.footer img{height:16px}.kill{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:14px;min-height:100vh;padding:24px;display:flex}.alert{border-left:3px solid var(--amber);background:var(--panel);border-radius:8px;padding:10px 12px;font-size:13px}.alert.red{border-left-color:var(--red)}@media (width<=480px){.page{padding:12px}.machines{grid-template-columns:repeat(2,1fr)}}