:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0f172a;--surface:#1e293b;--surface-raised:#334155;--text:#f1f5f9;--text-muted:#94a3b8;--primary:#2563eb;--success:#16a34a;--danger:#dc2626;--warning:#d97706;--radius:14px;font-family:system-ui,-apple-system,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);overscroll-behavior:none;-webkit-tap-highlight-color:transparent}button{font:inherit}.btn{border-radius:var(--radius);cursor:pointer;min-height:64px;color:var(--text);background:var(--surface-raised);border:none;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:1rem 1.5rem;font-size:1.15rem;font-weight:600;display:flex}.btn:active{transform:scale(.98)}.btn-primary{background:var(--primary)}.btn-success{background:var(--success)}.btn-danger{background:var(--danger)}.btn-warning{background:var(--warning);color:#1c1300}.screen{flex-direction:column;gap:1rem;min-height:100dvh;padding:1rem;display:flex}.card{background:var(--surface);border-radius:var(--radius);padding:1.25rem}.field{flex-direction:column;gap:.4rem;display:flex}.field label{color:var(--text-muted);font-size:.95rem}.field input{border-radius:var(--radius);border:2px solid var(--surface-raised);background:var(--surface);min-height:56px;color:var(--text);padding:0 1rem;font-size:1.2rem}.field input:focus{border-color:var(--primary);outline:none}.status-bar{color:var(--text-muted);justify-content:space-between;align-items:center;font-size:.85rem;display:flex}.badge{border-radius:999px;padding:.25rem .6rem;font-size:.8rem;font-weight:600}.badge-online{color:#4ade80;background:#16a34a33}.badge-offline{color:#f87171;background:#dc262633}.order-list{flex-direction:column;gap:.75rem;display:flex;overflow-y:auto}.order-row{border-radius:var(--radius);background:var(--surface);border:1px solid var(--surface-raised);flex-direction:column;gap:.35rem;padding:1rem;display:flex}.pick-line{text-align:center;font-size:1.4rem;font-weight:700}.pick-sub{text-align:center;color:var(--text-muted)}.error-text{color:#f87171;font-size:.95rem}.card-compact{background:var(--surface);border-radius:var(--radius);padding:.75rem 1rem}.progress-track{gap:.35rem;padding-bottom:.15rem;display:flex;overflow-x:auto}.progress-dot{background:var(--surface-raised);width:34px;height:34px;color:var(--text-muted);cursor:pointer;border:2px solid #0000;border-radius:999px;flex:none;justify-content:center;align-items:center;padding:0;font-family:inherit;font-size:.75rem;font-weight:700;display:flex}.line-list{flex-direction:column;gap:.5rem;display:flex;overflow-y:auto}.line-row{border-radius:var(--radius);background:var(--surface);border:1px solid var(--surface-raised);text-align:left;width:100%;color:var(--text);cursor:pointer;flex-direction:column;gap:.2rem;padding:.75rem;display:flex}.line-row.is-done{opacity:.55}.line-row-top{justify-content:space-between;align-items:baseline;gap:.5rem;display:flex}.progress-dot.is-done{color:#4ade80;background:#16a34a40}.progress-dot.is-current{border-color:var(--primary);color:var(--text)}.progress-dot.is-blocked{color:#fbbf24;background:#d9770640}.btn-compact{min-height:44px;padding:.5rem .75rem;font-size:.9rem}.exception-grid{grid-template-columns:1fr 1fr;gap:.4rem;display:grid}