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}.job-count{color:#8e9bad;font-size:14px}.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}}.layout-menu{background:#121821;border:1px solid #202735;border-radius:14px;width:180px;padding:8px;box-shadow:0 14px 40px #00000073}.layout-menu-title{color:#8b96a5;text-transform:uppercase;letter-spacing:.08em;margin:0;padding:8px 10px 10px;font-size:.75rem;font-weight:600}.layout-menu-item{color:#f5f8fc;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:10px;grid-template-columns:20px 1fr;align-items:center;width:100%;height:40px;padding:0 10px;font-size:.95rem;display:grid}.layout-menu-item:hover{background:#171f2b}.layout-menu-item.active{background:#1d2735}.layout-menu-item span{color:#6fd08c;font-weight:700}.search-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:1000;background:#00000059;justify-content:center;align-items:flex-start;padding-top:80px;display:flex;position:fixed;inset:0}.search-panel{background:#121821;border:1px solid #202735;border-radius:18px;width:min(700px,100% - 32px);overflow:hidden;box-shadow:0 20px 60px #00000073}.search-panel-header{align-items:center;display:flex}.search-panel-header input{color:#f5f8fc;background:0 0;border:none;outline:none;flex:1;padding:18px 22px;font-size:1rem}.search-panel-header input::placeholder{color:#7d8794}.search-close-button{color:#9ca3af;cursor:pointer;background:0 0;border:none;width:56px;height:56px;font-size:24px}.search-results{max-height:420px;overflow-y:auto}.search-result{width:100%;color:inherit;text-align:left;cursor:pointer;background:0 0;border:none;border-top:1px solid #202735;justify-content:space-between;align-items:center;padding:16px 22px;transition:background .15s;display:flex}.search-result:hover{background:#171f2b}.search-result strong{color:#f5f8fc;font-size:.95rem;display:block}.search-result p{color:#8b96a5;margin:4px 0 0;font-size:.85rem}.search-result span{color:#b9c3cf;background:#1d2735;border-radius:999px;padding:4px 10px;font-size:.8rem;font-weight:600}.search-empty{text-align:center;color:#8b96a5;padding:32px}.page-header{flex-direction:column;gap:14px;margin-bottom:28px;display:flex}.flow-logo{-webkit-user-select:none;user-select:none;width:70px;height:auto;margin:0 auto;display:block}.page-header-subtitle{color:#9ca3af;margin:0;font-size:.95rem}.page-header-title-group h1{color:#f5f8fc;letter-spacing:-.02em;margin:0;font-size:30px;font-weight:700;line-height:1}.page-header-row{grid-template-columns:140px 1fr 140px;align-items:center;gap:16px;display:grid}.page-header-title-group{flex-direction:column;align-items:center;gap:4px;display:flex}.search-button{color:#cfd6df;opacity:.5;cursor:default;background:0 0;border:none;justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;display:flex}.page-header-action{align-items:center;display:flex}.page-header-action-right{justify-content:flex-end;min-width:0}.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-card.layout-compact,.job-card.layout-static{gap:12px;min-height:56px;padding:8px 18px}.job-card.layout-compact .job-status,.job-card.layout-static .job-status{min-width:84px;padding:5px 9px;font-size:11px}.job-card.layout-compact .dot,.job-card.layout-static .dot{width:8px;height:8px}.job-card.layout-compact h2,.job-card.layout-static h2{font-size:18px}.job-card.layout-compact .job-due,.job-card.layout-static .job-due{font-size:13px}.job-card.layout-compact .quantity,.job-card.layout-static .quantity{font-size:15px}.job-card.layout-compact .job-number .job-card.layout-static .job-number{font-size:10px}@media (width<=760px){.job-card.layout-compact{grid-template-rows:auto auto auto;grid-template-columns:auto 1fr auto;gap:8px 12px;min-height:auto;padding:12px 16px}.job-card.layout-compact .job-method{grid-area:1/1}.job-card.layout-compact .job-indicators{grid-area:1/3;justify-self:end}.job-card.layout-compact .job-customer{grid-area:2/1/auto/-1;justify-self:center}.job-card.layout-compact .quantity{text-align:left;grid-area:3/1}.job-card.layout-compact .job-number{text-align:center;grid-area:3/2;align-self:center}.job-card.layout-compact .job-due{text-align:right;grid-area:3/3}}.job-card.layout-static{cursor:default;gap:12px;min-height:56px;padding:8px 18px}.job-card.layout-static:hover,.job-card.layout-static:active,.job-card.static-card{transform:none;box-shadow:0 10px 28px #0000002e}.job-card.layout-static h2{font-size:22px}.board-page{width:min(100%,1400px);min-height:100vh;margin:0 auto;padding:24px}.layout-menu-button{opacity:.5;cursor:default;background:0 0;border:0;flex-direction:column;justify-content:center;gap:5px;width:40px;height:40px;padding:0;display:flex}.layout-menu-button span{background:#cfd6df;border-radius:999px;width:22px;height:2px}.board-brand{justify-content:center;align-items:center;gap:16px;min-width:0;display:flex}.board-brand h1{color:#f5f8fc;letter-spacing:-.02em;margin:0;font-size:30px;font-weight:700;line-height:1}@media (width<=520px){.board-page{padding:16px}.board-header{grid-template-columns:40px 1fr auto;gap:10px}.flow-logo{width:82px}.board-brand{display:contents}}.job-list{gap:12px;display:grid}.layout-menu-container{position:relative}.layout-menu-container .layout-menu{z-index:100;position:absolute;top:calc(100% + 10px);left:0}.job-list-compact,.job-list-static{gap:8px}.page-section{background:#121821;border:1px solid #202735;border-radius:18px;overflow:hidden}.page-section-header{border-bottom:1px solid #202735;padding:16px 20px}.page-section-header h2{color:#f5f8fc;margin:0;font-size:.95rem;font-weight:600}.page-section-content{padding:20px}.detail-panel-button{margin-top:20px}.detail-panel-overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:1000;background:#00000073;position:fixed;inset:0}.detail-panel{z-index:1001;background:#121821;border-left:1px solid #202735;width:700px;max-width:100%;height:100vh;padding:28px;position:fixed;top:0;right:0;overflow-y:auto;box-shadow:-10px 0 40px #0006}.detail-panel-header{justify-content:space-between;align-items:center;margin-bottom:28px;display:flex}.detail-panel-header h2{margin:0}.detail-panel-close{color:#fff;cursor:pointer;background:#1a2230;border:none;border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.detail-panel-close:hover{background:#273244}@media (width<=700px){.detail-panel{width:100%}}.detail-panel h3{color:#f5f8fc;border-bottom:1px solid #202735;margin:32px 0 16px;padding-bottom:8px;font-size:1rem}.detail-garment{background:#18202c;border:1px solid #263243;border-radius:14px;margin-bottom:14px;padding:16px}.detail-garment:last-child{border-bottom:none}.detail-garment-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.detail-garment-header strong{font-size:.95rem}.detail-garment-header span{color:#9ca8b8;font-size:.9rem}.detail-sizes{grid-template-columns:repeat(auto-fill,minmax(70px,1fr));gap:8px;display:grid}.detail-size{color:#d6dde8;cursor:pointer;background:#111821;border:1px solid #2a3749;border-radius:8px;justify-content:space-between;align-items:center;padding:8px 10px;font-size:.82rem;font-weight:600;transition:all .15s;display:flex}.detail-size:hover{border-color:#4c84ff}.detail-size.checked{color:#fff;background:#21442f;border-color:#39b36a;box-shadow:inset 0 0 0 1px #ffffff14}.detail-size span,.detail-size strong{pointer-events:none}.detail-style-header{justify-content:space-between;align-items:center;margin-top:28px;display:flex}.detail-style-header h3{letter-spacing:.08em;text-transform:uppercase;color:#7f8da3;margin:0;font-size:.82rem}.detail-style-header span{color:#9ca8b8;font-weight:600}.print-count-button{color:#fff;cursor:pointer;background:#1b2432;border:1px solid #2f3c52;border-radius:10px;width:100%;margin:36px 0 0;padding:10px 14px;font-size:.9rem}.print-count-button:hover{background:#273244}@media print{html,body{margin:0;padding:0}body *{visibility:hidden}.detail-panel,.detail-panel *{visibility:visible}.detail-panel{color:#000;width:100%;height:auto;box-shadow:none;background:#fff;border:none;padding:0;position:absolute;top:0;left:0;right:0;overflow:visible}.detail-panel-overlay,.detail-panel-close,.detail-panel-button,.print-count-button{display:none}.detail-sizes span{color:#000;background:0 0;border:1px solid #999;padding:4px 8px}}@page{size:auto;margin:.5in}.detail-title h2{margin:0}.detail-title p{color:#8d9aad;margin:6px 0 0;font-size:.9rem}.detail-search{color:#fff;background:#111821;border:1px solid #2a3749;border-radius:12px;width:100%;margin:20px 0 28px;padding:12px 16px;font-size:.9rem}.detail-search:focus{border-color:#4c84ff;outline:none}.job-page{max-width:1440px;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-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}.workflow-card-header{justify-content:center;align-items:center;gap:16px;margin-bottom:28px;display:flex}.workflow-card-header h2{margin:0}.workflow-status-pill{color:#c9f2d5;white-space:nowrap;background:#2d4738;border-radius:999px;align-items:center;min-height:32px;padding:6px 14px;font-size:.9rem;font-weight:700;display:inline-flex}.workflow-steps{grid-template-columns:repeat(var(--workflow-step-count), 1fr);width:100%;display:grid;position:relative}.workflow-step{z-index:1;text-align:center;flex-direction:column;align-items:center;gap:8px;min-width:0;display:flex;position:relative}.workflow-dot{z-index:2;background:#202020;border:2px solid #6d737a;border-radius:50%;width:14px;height:14px;position:relative}.workflow-dot.is-complete{background:#75c892;border-color:#75c892}.workflow-dot.is-current{background:#efc75e;border:3px solid #efc75e;width:16px;height:16px;box-shadow:0 0 0 4px #efc75e2e}.workflow-step-line{z-index:0;background:#555a60;width:100%;height:2px;position:absolute;top:6px;left:50%}.workflow-step-line.is-complete{background:#75c892}.workflow-step-label{color:#9299a1;font-size:.85rem;font-weight:600}:is(.workflow-step:has(.workflow-dot.is-complete) .workflow-step-label,.workflow-step:has(.workflow-dot.is-current) .workflow-step-label){color:#f2f2f2}@media (width<=600px){.workflow-card-header{flex-direction:column;align-items:flex-start;gap:10px}.workflow-card-header{flex-direction:column;align-items:flex-start;margin-bottom:24px}.workflow-step-label{font-size:.72rem}}.job-header{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:8px;display:flex}.job-header-main{min-width:0}.job-header{padding:8px 0 4px}.job-header h1{letter-spacing:-.03em;line-height:1.05}.job-number{text-align:left}.job-status-pill{margin-top:4px}.job-header h1{margin:0;font-size:clamp(2rem,4vw,3rem)}.job-number{color:#9ca3af;margin:6px 0 0;font-size:1.1rem}.job-status-pill{color:#8ef28d;white-space:nowrap;background:#163322;border-radius:8px;align-items:center;padding:10px 16px;font-weight:700;display:inline-flex}.job-summary{border-top:1px solid #2d2d2d;border-bottom:1px solid #2d2d2d;grid-template-columns:repeat(3,1fr);gap:0;margin:24px 0 32px;padding:18px 0;display:grid}.job-summary-item{border-right:1px solid #333;align-items:center;gap:16px;min-width:0;padding:4px 28px;display:flex}.job-summary-icon{color:#d1d5db;border:1px solid #4b5563;border-radius:10px;flex:0 0 42px;place-items:center;width:42px;height:42px;font-size:1.25rem;display:grid}.job-summary-item>div:last-child{flex-direction:column;gap:4px;display:flex}.job-summary-item:first-child{padding-left:0}.job-summary-item:last-child{border-right:0}.job-summary-item strong{font-size:1.05rem}.job-summary-item span{color:#9ca3af;font-size:.9rem}.job-details-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.section-heading-row{justify-content:space-between;align-items:center;gap:16px;display:flex}.section-link{color:#60a5fa;font:inherit;cursor:pointer;background:0 0;border:0;padding:0}.customer-section,.artwork-section,.garments-section,.print-locations-section,.notes-section,.reference-section{min-width:0}@media (width<=700px){.job-page{padding:18px}.job-header{flex-direction:column;gap:14px}.job-summary{grid-template-columns:1fr;gap:14px}.job-summary-item,.job-summary-item:first-child{border-right:0;padding:0}.job-details-grid{grid-template-columns:1fr}}.garment-status{color:#8b949e;margin-top:4px;font-size:.8rem}.garment-supplier{color:#6b7280;font-size:.8rem}.job-details-row{grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;width:100%;margin-bottom:18px;display:grid}.garments-full-width{grid-column:1/-1}.garment-summary-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;display:grid}.garment-summary{min-width:0}.document-link{color:#60a5fa;font:inherit;cursor:pointer;background:0 0;border:0;margin-top:10px;padding:0}.document-link:hover{text-decoration:underline}@media (width<=900px){.job-details-row{grid-template-columns:repeat(3,1fr)}.garment-summary-grid{grid-template-columns:1fr}}.garment-summary .detail-panel-button{margin-top:18px}.garments-full-width .page-section-content{flex-direction:column;gap:24px;display:flex}.job-bottom-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:28px 0;display:grid}@media (width<=900px){.job-bottom-row{grid-template-columns:1fr}}.notes-group{margin-bottom:16px}.notes-group .label{margin-bottom:6px;font-weight:600;display:block}.setup-link{color:#60a5fa;font:inherit;cursor:pointer;background:0 0;border:0;padding:0;display:inline-block}.setup-link:hover{text-decoration:underline}.setup-overlay{z-index:1000;background:#000000ad;justify-content:flex-end;display:flex;position:fixed;inset:0}.setup-panel{background:#0d1219;border-left:1px solid #202735;width:min(100%,640px);height:100%;padding:24px;overflow-y:auto}.setup-panel-header{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:28px;display:flex}.setup-panel-header h2{margin:4px 0 0}.setup-panel-eyebrow{color:#8f9bad;text-transform:uppercase;letter-spacing:.08em;margin:0;font-size:.85rem;font-weight:600}.setup-close-button{color:#eef5ff;cursor:pointer;background:#151c26;border:1px solid #2b3442;border-radius:12px;width:44px;height:44px;font-size:1.75rem;line-height:1}.production-setup-form{gap:16px;display:grid}.setup-section{background:#111821;border:1px solid #202735;border-radius:14px;padding:16px}.setup-section h3{margin:0 0 12px;font-size:.95rem}.setup-fields{gap:10px;display:grid}.setup-fields-three{grid-template-columns:1fr 75px 50px;align-items:end}.press-settings{grid-template-columns:65px 55px 55px;align-items:end}.setup-section label{color:#8f9bad;gap:6px;font-size:.8rem;font-weight:600;display:grid}.setup-section input,.setup-section textarea{color:#eef5ff;width:100%;font:inherit;background:#151c26;border:1px solid #2b3442;border-radius:9px}.setup-section input{min-height:36px;padding:7px 9px}.setup-section textarea{resize:vertical;min-height:120px;padding:10px}.print-details-list{gap:10px;display:grid}.print-detail-row{border-bottom:1px solid #202735;padding-bottom:10px}.print-detail-row:last-child{border-bottom:0;padding-bottom:0}.setup-garment{justify-content:space-between;gap:12px;padding:6px 0;display:flex}.setup-save-button{width:100%}@media (width<=560px){.setup-panel{padding:16px}.setup-fields-three{grid-template-columns:minmax(0,1fr) 78px 64px}}.count-sheet{color:#000;background:#fff;max-width:850px;margin:0 auto;padding:40px;font-family:Inter,sans-serif}.count-sheet-header{margin-bottom:32px}.count-sheet-header h1{margin:0;font-size:32px}.count-sheet-header p{margin-top:8px;font-size:18px}.count-garment{page-break-inside:avoid;margin-bottom:36px}.count-garment h2{margin-bottom:18px;font-size:22px}.count-sizes{grid-template-columns:repeat(5,1fr);gap:14px;display:grid}.count-size{border:2px solid #000;align-items:center;gap:10px;padding:12px;font-size:20px;display:flex}.count-size strong{margin-left:auto}.count-footer{justify-content:space-between;margin-top:50px;font-size:20px;display:flex}.count-sheet-actions{justify-content:space-between;margin-bottom:24px;display:flex}.count-back-button,.count-print-button{cursor:pointer;border-radius:8px;padding:10px 18px;font-size:15px;font-weight:600}.count-back-button{color:#111827;background:#fff;border:1px solid #cbd5e1}.count-print-button{color:#fff;background:#111827;border:none}@media print{@page{size:portrait;margin:.5in}body *{visibility:hidden}.count-sheet,.count-sheet *{visibility:visible}.count-sheet{color:#000;background:#fff;width:100%;max-width:none;margin:0;padding:0;position:absolute;top:0;left:0}.count-sheet-actions{display:none}.count-garment{break-inside:avoid;page-break-inside:avoid}}.count-sheet-meta{justify-content:space-between;margin-top:8px;font-size:18px;font-weight:600;display:flex}.count-footer{grid-template-columns:repeat(3,1fr);gap:32px;margin-top:56px;font-size:18px;display:grid}.count-footer p{margin:0}