:root{--bg:#f5f8fb;--surface:#fff;--text:#18202b;--muted:#5f6b7a;--accent:#006a6a;--accent-soft:#e6f7f7;--border:#d5dde7;--danger:#a42222;--sticky-table-top:0px}*{box-sizing:border-box}body{margin:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:linear-gradient(160deg,#f8fbff,#edf5ff 40%,#f0f8f8);color:var(--text)}.topbar{background:var(--surface);border-bottom:1px solid var(--border);padding:10px 16px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.topbar-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.topbar h1{margin:0 0 8px;font-size:1.25rem}.brand-row{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.brand-logo-link{display:inline-flex;border-radius:12px;overflow:hidden;border:1px solid var(--border);background:#fff}.brand-logo{width:clamp(170px,24vw,320px);height:auto;display:block}.nav{display:flex;gap:8px;flex-wrap:wrap}.nav a{text-decoration:none;color:var(--accent);font-weight:700;font-size:.9rem}.nav-bubble{gap:10px}.nav-bubble a{min-width:118px;min-height:42px;border-radius:999px;border:1px solid rgba(22,36,58,.16);background:linear-gradient(180deg,rgba(236,250,250,.92),rgba(219,244,244,.92));box-shadow:0 6px 16px rgba(17,43,73,.08),inset 0 1px 0 hsla(0,0%,100%,.8);display:inline-flex;align-items:center;justify-content:center;padding:8px 14px}.nav-bubble a:hover{background:linear-gradient(180deg,rgba(227,247,247,.96),rgba(205,236,236,.96))}.settings-gear{color:#243447;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;font-size:1.4rem;opacity:.6;transition:opacity .15s;background:none;border:none;box-shadow:none;padding:4px}.settings-gear:hover{opacity:1}.container{width:min(100%,1480px);margin:0 auto;padding:16px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-gap:12px;gap:12px}.stack{display:grid;grid-gap:8px;gap:8px}.row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.panel{margin-bottom:12px;overflow:hidden}.card,.panel{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:14px}.card{text-decoration:none;color:inherit}.card h3{margin-top:0}.metric-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));grid-gap:10px;gap:10px;margin-top:8px}.metric-card{border:1px solid var(--border);border-radius:12px;padding:10px;background:linear-gradient(180deg,#fbfeff,#f4fbff)}.metric-label{margin:0;color:var(--muted);font-size:.82rem;font-weight:700}.metric-value{margin:6px 0 0;font-size:1.65rem;font-weight:800}.dashboard-split{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px}.bar-track{width:100%;height:12px;border-radius:999px;background:#e7edf3;overflow:hidden}.bar-fill{height:100%;background:linear-gradient(90deg,#038d8d,#0f7e68)}form{grid-gap:10px;gap:10px}form,label{display:grid}label{grid-gap:6px;gap:6px;font-weight:600}button,input,select,textarea{font:inherit}input,select,textarea{border:1px solid var(--border);border-radius:10px;padding:10px;background:#fff}.btn,button{border:0;border-radius:12px;padding:10px 14px;background:var(--accent);color:#fff;font-weight:700;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;min-height:42px}.btn.secondary,button.secondary{background:#2e3c4d}.btn.light,button.light{background:#f0f4f8;color:#243447;border:1px solid var(--border)}.btn.danger,button.danger{background:#dc2626;color:#fff}.btn:disabled,button:disabled{opacity:.55;cursor:not-allowed}.action-btn{min-width:84px;min-height:40px;padding:8px 10px}.action-btn[aria-disabled=true]{opacity:.55;pointer-events:none}.pending-attention{border:2px solid #7a3cff!important;box-shadow:0 0 0 2px rgba(122,60,255,.12)}table{width:100%;border-collapse:collapse}.assignable-matrix thead tr:first-child th{text-align:center;background:#f8fbff}.assignable-matrix thead tr:first-child th strong{display:block;font-size:1.04rem}.assignable-matrix thead tr:nth-child(2) th{background:#fff}.assignable-column-list{display:flex;flex-direction:column;gap:6px;min-width:130px}.assignable-serial-row{padding-bottom:5px;border-bottom:1px dashed #d9e2ee;white-space:nowrap}.assignable-serial-row:last-child{border-bottom:none;padding-bottom:0}td,th{border-bottom:1px solid var(--border);text-align:left;padding:8px 6px;vertical-align:top}.table-wrap{overflow:auto;max-height:calc(100vh - 280px)}.sticky-head{border-collapse:separate;border-spacing:0}.sticky-head thead th{position:-webkit-sticky;position:sticky;top:0;z-index:20;background:#fff;white-space:nowrap;vertical-align:middle;box-shadow:inset 0 -1px 0 var(--border),0 2px 0 rgba(0,0,0,.02)}.status-pill{padding:4px 8px;border-radius:999px;font-size:.78rem;font-weight:700;background:#e7edf3}.label-sheet{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));grid-gap:12px;gap:12px}.label-card{border:1px solid #000;border-radius:8px;padding:14px;page-break-inside:avoid;break-inside:avoid;background:#fff}.label-header{display:flex;align-items:center;gap:10px;margin-bottom:6px}.label-logo{height:36px;width:auto;object-fit:contain;flex-shrink:0}.label-company{display:flex;flex-direction:column}.label-company-name{font-size:.85rem;font-weight:700;color:#222;line-height:1.2}.label-title{font-size:.75rem;color:#666}.label-company-addr{font-size:.72rem;color:#555;display:block;line-height:1.4}.label-divider{border:none;border-top:1px solid #ccc;margin:6px 0 8px}.analytics-table{width:100%;border-collapse:collapse;font-size:.9rem}.analytics-table td,.analytics-table th{border:1px solid var(--border);padding:7px 10px;white-space:nowrap}.analytics-table thead th{background:var(--accent-soft);font-weight:700;text-align:center}.analytics-table thead th:first-child{text-align:left}.analytics-num{text-align:right}.analytics-total{text-align:right;background:#f0f8f0;font-weight:600}.analytics-footer td{background:var(--accent-soft);border-top:2px solid var(--accent)}.small{font-size:.85rem}.muted{color:var(--muted)}.error{color:var(--danger);font-weight:700}.success{color:#11742b;font-weight:700}@media (max-width:900px){.dashboard-split{grid-template-columns:1fr}.topbar-head{flex-direction:column;align-items:stretch}.nav-bubble a{min-width:104px;min-height:40px}}@media (max-width:700px){.container{padding:12px}td,th{font-size:.84rem;padding:6px 4px}.topbar h1{font-size:1rem}.sticky-head thead th{white-space:normal}}@media print{.no-print,.topbar{display:none!important}body{background:#fff}.container{width:100%;margin:0;padding:0}.label-sheet{display:block}.label-card{width:100%;max-width:100%;box-sizing:border-box;page-break-after:always;break-after:page;border:1px solid #000;border-radius:0;padding:24px;margin:0}.label-card:last-child{page-break-after:avoid;break-after:avoid}.label-logo{height:44px}.label-company-name{font-size:1rem}}.compact-table td,.compact-table th{font-size:.86rem;padding:6px 5px}.actions-cell{min-width:80px;text-align:center}.action-group{display:flex;gap:6px;flex-wrap:nowrap;align-items:center}.action-group .action-btn{min-width:58px;min-height:34px;padding:6px 8px;font-size:.86rem;border-radius:10px}.compact-table td{vertical-align:middle}.attached-yes{background:#dff7e5}.attached-no{background:#ffe3e3}.runtime-warning{margin:12px auto 0;width:min(100%,1480px);padding:12px 16px;border:1px solid #f0c36d;border-radius:12px;background:#fff7e2;color:#7b4e00;font-weight:700}.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.45);display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px}.modal-box{background:var(--surface);border-radius:16px;padding:28px 28px 24px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 8px 40px rgba(0,0,0,.18)}.modal-box h3{margin:0 0 6px;font-size:1.15rem}.coc-checklist-alert{background:#fff8e1;border:1px solid #f0c36d;border-radius:8px;padding:10px 14px;margin-bottom:8px;font-size:.9rem;display:flex;align-items:center;flex-wrap:wrap;gap:6px}.nav-bubble a.nav-active{background:linear-gradient(180deg,#006a6a,#005050);color:#fff;border-color:#004848;box-shadow:0 2px 8px rgba(0,106,106,.22),inset 0 1px 0 hsla(0,0%,100%,.15)}.form-page{max-width:820px;margin:0 auto}.form-section-header{font-size:.78rem;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:var(--accent);padding:14px 0 8px;border-top:1px solid var(--border);margin-top:6px}.form-section-header.first{border-top:none;margin-top:0;padding-top:2px}.panel-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px;flex-wrap:wrap}.panel-header h2,.panel-header h3{margin:0}.filter-bar{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:12px}.filter-chip{padding:4px 12px;border-radius:999px;border:1px solid var(--border);background:#f0f4f8;font-size:.8rem;font-weight:700;cursor:pointer;color:var(--muted);min-height:unset;transition:background .12s,color .12s,border-color .12s}.filter-chip:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.filter-chip.active{background:var(--accent);color:#fff;border-color:var(--accent)}.progress-steps{font-size:.78rem;white-space:nowrap}.progress-current{font-weight:800;color:#18202b}.progress-past{color:#11742b}.progress-future{color:#9ca3af}.progress-sep{margin:0 2px;color:#d1d5db}.progress-done{font-size:.78rem;font-weight:700;color:#11742b}.tracker-table{border-collapse:separate!important;border-spacing:0}.fc-fw{left:0;min-width:50px}.fc-fw,.fc-invoice{position:-webkit-sticky;position:sticky;z-index:2}.fc-invoice{left:50px;min-width:92px}.fc-gon{left:142px;min-width:90px}.fc-gon,.fc-product{position:-webkit-sticky;position:sticky;z-index:2}.fc-product{left:232px;min-width:68px}.tracker-table tr{background:#fff}tr.row-plan-open{background:#faf5ff}tr.row-completed{background:#f0fdf4}tr.row-shipped{background:#e9f9ee}tr.row-partial{background:#eef7ff}.tracker-table td.fc-fw,.tracker-table td.fc-gon,.tracker-table td.fc-invoice,.tracker-table td.fc-product{background:inherit}.tracker-table thead th.fc-fw,.tracker-table thead th.fc-gon,.tracker-table thead th.fc-invoice,.tracker-table thead th.fc-product{background:#fff;z-index:22}.tracker-table td.fc-product:after,.tracker-table thead th.fc-product:after{content:"";position:absolute;top:0;right:-5px;bottom:0;width:5px;background:linear-gradient(90deg,rgba(0,0,0,.07),transparent);pointer-events:none}tr.row-clickable{cursor:pointer}.tracker-table tbody tr.row-clickable:hover td{filter:brightness(.96)}td.delta-mismatch{color:#dc2626;font-weight:700}.actions-cell{min-width:110px!important}.actions-menu{position:relative;display:inline-block}.actions-trigger{padding:5px 10px!important;min-height:unset!important;font-size:.82rem!important;border-radius:8px!important;background:#f0f4f8!important;color:#243447!important;border:1px solid var(--border)!important;font-weight:700!important;cursor:pointer;white-space:nowrap}.actions-trigger:hover{background:#e4e9ef!important}.actions-dropdown{display:none;position:absolute;right:0;bottom:calc(100% + 3px);top:auto;background:#fff;border:1px solid var(--border);border-radius:10px;box-shadow:0 -4px 18px rgba(0,0,0,.12);z-index:100;min-width:130px;padding:4px}.actions-menu:focus-within .actions-dropdown,.actions-menu:hover .actions-dropdown{display:block}.actions-dropdown a,.actions-dropdown button{display:block;width:100%;text-align:left;padding:7px 10px;border-radius:6px;font-size:.84rem;font-weight:600;color:var(--text);text-decoration:none;background:none;border:none;cursor:pointer;min-height:unset}.actions-dropdown a:hover,.actions-dropdown button:hover{background:#f0f4f8}.actions-dropdown .action-primary{color:#006a6a;font-weight:700}.actions-dropdown .action-primary:hover{background:var(--accent-soft)}.qty-link{color:#2563eb;font-weight:700;cursor:pointer;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;text-underline-offset:3px}.qty-link:hover{color:#1d4ed8;-webkit-text-decoration:underline solid;text-decoration:underline solid;text-underline-offset:3px}.serial-chips{display:flex;flex-wrap:wrap;gap:6px}.serial-chip{display:inline-block;background:#f0f4ff;border:1px solid #c7d2fe;border-radius:6px;padding:3px 10px;font-size:.82rem;font-weight:600;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:#3730a3}.step-header{display:flex;align-items:center;gap:10px;margin-bottom:10px}.step-badge{display:inline-flex;align-items:center;justify-content:center;min-width:26px;height:26px;border-radius:999px;background:var(--accent);color:#fff;font-size:.75rem;font-weight:800;flex-shrink:0}.step-title{font-size:1rem;font-weight:700;color:var(--text);margin:0}.step-desc{font-size:.82rem;color:var(--muted);margin:0}.bar-chart{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}.bar-chart-row{display:grid;grid-template-columns:76px 1fr 40px;align-items:center;grid-gap:8px;gap:8px}.bar-chart-label{font-size:.8rem;font-weight:700;text-align:right;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text)}.bar-chart-track{height:18px;border-radius:4px;background:#e7edf3;overflow:hidden}.bar-chart-fill{height:100%;border-radius:4px;background:linear-gradient(90deg,#006a6a,#0a9898);min-width:3px}.bar-chart-value{font-size:.8rem;font-weight:700;color:var(--muted);text-align:right}.empty-state{padding:28px 16px;text-align:center;color:var(--muted);font-size:.9rem}.summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));grid-gap:8px;gap:8px;background:#f8fbff;border:1px solid var(--border);border-radius:10px;padding:12px 16px;margin-bottom:14px}.summary-item{display:flex;flex-direction:column;gap:2px}.summary-label{font-size:.75rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}.summary-value{font-size:.92rem;font-weight:600;color:var(--text)}.btn-sm{padding:5px 10px;font-size:.82rem;border-radius:8px;min-height:unset}