html{background:#080b10}body{margin:0}:root{color:#eef5ff;font-synthesis:none;text-rendering:optimizelegibility;background:#080b10;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at top,#6fa8ff14,#0000 35%),#080b10;min-width:320px;min-height:100vh;margin:0}button{font:inherit}.app{width:min(100%,760px);min-height:100vh;margin:0 auto;padding:20px}.topbar{grid-template-columns:48px 1fr 48px;align-items:center;padding:10px 0 28px;display:grid}.icon-button{color:#a9b5c7;cursor:pointer;background:#10151d;border:1px solid #202735;border-radius:14px;width:44px;height:44px}.icon-button:hover{color:#fff;border-color:#4c6484}.brand{text-align:center}.logo{color:#82b5ff;letter-spacing:.42em;padding-left:.42em;font-size:22px;font-weight:600}.wave{color:#82b5ff;letter-spacing:-7px;margin-top:-2px;font-size:22px;transform:scaleX(1.25)}.eyebrow{color:#758195;letter-spacing:.14em;text-transform:uppercase;margin:0 0 5px;font-size:13px;font-weight:700}h1{letter-spacing:-.04em;margin:0;font-size:clamp(28px,6vw,42px);line-height:1}.drag-handle{color:#69768a;cursor:grab;background:#0b1016;border:0;border-radius:13px;align-self:center;width:42px;height:52px}.drag-handle:active{cursor:grabbing}.job-content{min-width:0}.job-title-row{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}h2{color:#f5f8fc;margin:0;font-size:18px;line-height:1.3}.quantity{color:#aab5c5;margin:8px 0 16px;font-size:15px}.job-footer{color:#7f8b9d;justify-content:space-between;align-items:center;gap:12px;font-size:13px;display:flex}.department{color:#9dbce8;background:#121b28;border:1px solid #293448;border-radius:999px;padding:7px 10px}.rush{color:#ff8d8d;align-items:center;gap:7px;font-size:13px;font-weight:700;display:inline-flex}.rush-dot{background:#ff5757;border-radius:50%;width:7px;height:7px;box-shadow:0 0 10px #ff5757a6}@media (width<=520px){.app{padding:14px}.job-card{padding:15px}.job-footer{flex-direction:column;align-items:flex-start}}.board-page{width:min(100%,1400px);min-height:100vh;margin:0 auto;padding:24px}.board-header{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:20px;display:flex}.board-label{color:#82b5ff;letter-spacing:.28em;text-transform:uppercase;margin:0 0 6px;font-size:14px;font-weight:700}.board-header h1{color:#f5f8fc;letter-spacing:-.02em;margin:0;font-size:30px;font-weight:700;line-height:1}.job-count{color:#8e9bad;font-size:14px}.job-list{gap:12px;display:grid}@media (width<=520px){.board-page{padding:16px}.board-header h1{font-size:34px}}.job-card{background:linear-gradient(145deg,#121821,#0e131a);border:1px solid #202735;border-radius:18px;grid-template-columns:110px 40px minmax(0,1fr) 140px 90px 90px;align-items:center;gap:20px;min-height:74px;padding:12px 22px;display:grid;position:relative;overflow:hidden;box-shadow:0 10px 28px #0000002e}.job-card:before{content:"";background:#4b5563;width:5px;position:absolute;inset:0 auto 0 0}.card-print:before{background:#3b82f6}.card-embroidery:before{background:#22c55e}.job-method{align-items:center;gap:10px;display:flex}.job-indicators{gap:6px;display:flex}.dot{border-radius:50%;width:10px;height:10px}.dot.rush{background:#ef4444}.dot.due{background:#facc15}.job-status{letter-spacing:.08em;text-transform:uppercase;border:1px solid #2b3546;border-radius:999px;justify-content:center;align-items:center;min-width:96px;padding:7px 11px;font-size:12px;font-weight:800;display:inline-flex}.job-indicators{justify-content:center;gap:6px;display:flex}.job-due{color:#9aa6b6;text-align:right;font-size:15px;font-weight:600}.due-today{color:#facc15;font-weight:700}.status-print{color:#93c5fd;background:#14243a;border-color:#315d91}.status-embroidery{color:#86efac;background:#14291d;border-color:#2f7548}.job-customer{min-width:0}.job-number{color:#667386;text-align:right;opacity:.75;font-size:11px;font-weight:600}.job-card h2{color:#f5f8fc;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:22px;line-height:1.2;overflow:hidden}.quantity{color:#d6deea;text-align:right;margin:0;font-size:18px;font-weight:700}.job-bottom{color:#9aa6b6;text-align:right;font-size:15px;font-weight:600}@media (width<=760px){.job-card{grid-template-columns:1fr auto;gap:10px 14px;min-height:auto;padding:16px 18px}.job-customer{grid-area:2/1/auto/-1}.quantity{text-align:left;grid-area:3/1}.job-card h2{font-size:19px}}.job-page{max-width:900px;margin:0 auto;padding:24px}.job-back{margin-bottom:24px}.workflow-card{background:#1f1f1f;border:1px solid #3b82f6;border-radius:12px;margin-bottom:20px;padding:24px}.workflow-heading{text-align:center;color:#9ca3af;letter-spacing:1px;text-transform:uppercase;margin:0;font-size:.9rem;font-weight:600}.workflow-status{color:#fff;letter-spacing:.5px;background:#2563eb;border-radius:999px;margin:18px auto 26px;padding:10px 22px;font-weight:700;display:inline-block}.workflow-card{background:#1f1f1f;border:1px solid #333;border-radius:12px;flex-direction:column;align-items:center;margin-bottom:20px;padding:24px;display:flex}.job-section{background:#1f1f1f;border:1px solid #333;border-radius:10px;margin-bottom:16px;padding:18px}.job-section h2,.job-section h3{margin:0 0 12px}.job-section p{margin:6px 0}.job-field{border-top:1px solid #333;justify-content:space-between;align-items:center;padding:8px 0;display:flex}.label{color:#9ca3af;font-weight:500}.action-button{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:8px;width:100%;margin-top:16px;padding:14px;font-size:1rem;font-weight:600}.action-button:hover{background:#2563eb}.workflow-progress{align-items:center;width:500px;max-width:100%;margin:0 auto 8px;display:flex}.workflow-step{background:#555;border-radius:50%;flex-shrink:0;width:16px;height:16px}.workflow-step.active{background:#22c55e}.workflow-line{background:#555;flex:1;height:3px}.workflow-line.active{background:#22c55e}.workflow-labels{width:500px;max-width:100%;margin:8px auto 0;display:flex}.workflow-labels span{text-align:center;color:#9ca3af;flex:1;font-size:.85rem}