:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#202224;font-synthesis:none;text-rendering:optimizelegibility;background:#f5f6fa;font-family:Inter,Nunito Sans,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.72}.auth-page{background:#f5f6fa;place-items:center;min-height:100vh;padding:24px;display:grid}.auth-card{background:#fff;border:1px solid #e8eaf0;border-radius:8px;width:min(100%,460px);padding:28px;box-shadow:0 16px 38px #1b274014}.auth-card.compact{width:min(100%,420px)}.auth-copy{margin:22px 0}.auth-copy span{color:#4880ff;text-transform:uppercase;font-size:12px;font-weight:900}.auth-card h1{margin:6px 0 8px}.auth-card p{color:#687081;margin:0;line-height:1.55}.auth-form{gap:14px;margin-top:20px;display:grid}.auth-form label{color:#4b5563;gap:7px;font-size:13px;font-weight:800;display:grid}.auth-form input{color:#202224;background:#fbfcff;border:1px solid #dfe4ee;border-radius:8px;outline:0;height:42px;padding:0 12px}.auth-form input:focus{border-color:#4880ff;box-shadow:0 0 0 3px #4880ff1f}.auth-submit{width:100%;min-height:42px}.form-message{color:#b91c1c;background:#fff1f2;border:1px solid #fecaca;border-radius:8px;padding:10px 12px;font-size:13px;font-weight:700}.text-button{color:#4880ff;background:0 0;border:0;margin-top:14px;font-weight:800}.app{background:#f5f6fa;min-height:100vh;display:flex}.sidebar{background:#fff;border-right:1px solid #e8eaf0;flex:0 0 272px;width:272px;padding:22px 16px;overflow-y:auto}.brand-lockup{align-items:center;gap:12px;margin-bottom:24px;display:flex}.brand-mark{color:#fff;background:#4880ff;border-radius:10px;place-items:center;width:40px;height:40px;font-weight:800;display:grid}.brand-name{font-size:17px;font-weight:800}.brand-subtitle{color:#7b8190;margin-top:2px;font-size:12px}.nav{gap:22px;display:grid}.nav-group-label{color:#9aa0ae;letter-spacing:.04em;text-transform:uppercase;margin:0 8px 8px;font-size:11px;font-weight:800}.nav-item{color:#5d6472;text-align:left;background:0 0;border:0;border-radius:8px;grid-template-columns:18px 1fr auto auto;align-items:center;gap:10px;width:100%;min-height:40px;padding:0 10px;display:grid}.nav-item:hover{color:#4880ff;background:#f3f6ff}.nav-item.active{color:#fff;background:#4880ff}.phase-badge{color:#4880ff;background:#4880ff1f;border-radius:5px;padding:3px 5px;font-size:10px;font-weight:800}.nav-item.active .phase-badge{color:#fff;background:#ffffff38}.nav-item.locked{cursor:not-allowed;color:#a4acba}.nav-item.locked:hover{color:#a4acba;background:0 0}.workspace{flex:1;min-width:0}.topbar{background:#fff;border-bottom:1px solid #e8eaf0;justify-content:space-between;align-items:center;gap:18px;min-height:88px;padding:18px 28px;display:flex}.eyebrow{color:#8b91a0;font-size:12px;font-weight:700}h1{letter-spacing:0;margin:4px 0 0;font-size:24px}.topbar-actions{align-items:center;gap:10px;display:flex}.search-box,.table-search{color:#8990a0;background:#f8f9fc;border:1px solid #e1e5ee;border-radius:8px;align-items:center;gap:8px;height:40px;padding:0 12px;display:flex}.search-box input,.table-search input{color:#202224;background:0 0;border:0;outline:0;width:230px}.search-box span{color:#9aa0ae;font-size:12px}.icon-button{color:#5e6574;background:#fff;border:1px solid #e1e5ee;border-radius:8px;place-items:center;width:40px;height:40px;display:grid;position:relative}.dot{color:#fff;background:#ef4444;border-radius:999px;place-items:center;min-width:18px;height:18px;font-size:10px;font-weight:800;display:grid;position:absolute;top:-4px;right:-4px}.language-toggle{background:#f8f9fc;border:1px solid #e1e5ee;border-radius:8px;height:40px;padding:3px;display:flex}.language-toggle button{color:#737b8b;background:0 0;border:0;border-radius:6px;min-width:42px;font-weight:800}.language-toggle .selected{color:#fff;background:#4880ff}.profile-pill{color:#202224;text-align:left;background:#fff;border:1px solid #e1e5ee;border-radius:8px;align-items:center;gap:10px;min-height:44px;padding:5px 10px 5px 6px;display:flex}.profile-pill>span{color:#4880ff;background:#eef3ff;border-radius:8px;place-items:center;width:32px;height:32px;font-size:12px;font-weight:900;display:grid}.profile-pill strong,.profile-pill small{white-space:nowrap;display:block}.profile-pill strong{font-size:13px}.profile-pill small{color:#8b91a0;margin-top:1px;font-size:11px}.filter-bar{align-items:center;gap:10px;padding:16px 28px;display:flex}.filter-chip{color:#5d6472;background:#fff;border:1px solid #e1e5ee;border-radius:8px;align-items:center;gap:8px;height:36px;padding:0 12px;display:inline-flex}.content{padding:0 28px 32px}.screen-stack{gap:16px;display:grid}.kpi-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;display:grid}.kpi-grid.compact{grid-template-columns:repeat(4,minmax(0,1fr))}.kpi-card,.mini-metric,.panel,.upload-dropzone{background:#fff;border:1px solid #e8eaf0;border-radius:8px;box-shadow:0 6px 22px #1e293b0a}.kpi-card{gap:10px;min-height:118px;padding:18px;display:grid}.kpi-card span,.mini-metric span{color:#7a8291;font-size:13px;font-weight:700}.kpi-card strong{font-size:27px;line-height:1}.kpi-card small{color:#7a8291}.tone-blue{border-top:3px solid #4880ff}.tone-green{border-top:3px solid #22c55e}.tone-amber{border-top:3px solid #f59e0b}.tone-red{border-top:3px solid #ef4444}.tone-slate{border-top:3px solid #64748b}.two-column{grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr);gap:16px;display:grid}.panel{min-width:0;padding:18px}.panel-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.panel h2{margin:0;font-size:18px}.panel-header button{color:#4880ff;background:0 0;border:0;font-weight:800}.empty-state{color:#6b7280;text-align:center;place-items:center;gap:8px;min-height:180px;display:grid}.empty-state strong{color:#111827}.empty-actions{justify-content:center;margin-top:6px;display:flex}.form-error{color:#b91c1c;justify-content:center;align-items:center;gap:6px;font-size:13px;display:inline-flex}.bar-chart{border-bottom:1px solid #e8eaf0;align-items:end;gap:18px;height:240px;padding:24px 12px 0;display:flex}.bar-pair{align-items:end;gap:4px;width:100%;height:100%;display:flex}.bar-pair span{border-radius:6px 6px 0 0;width:50%}.bar-pair span:first-child{background:#4880ff}.bar-pair span:last-child{background:#22c55e}.legend{color:#6b7280;gap:18px;margin-top:12px;font-size:13px;display:flex}.legend span{align-items:center;gap:6px;display:inline-flex}.legend i{border-radius:999px;width:9px;height:9px}.legend-blue{background:#4880ff}.legend-green{background:#22c55e}.rank-list{gap:13px;display:grid}.rank-list div{border-bottom:1px solid #f0f2f6;justify-content:space-between;align-items:center;gap:12px;padding-bottom:12px;display:flex}.toolbar{justify-content:flex-end;align-items:center;gap:10px;margin-bottom:14px;display:flex}.report-actions{justify-content:flex-end;gap:10px;margin:-4px 0 14px;display:flex}.sku-message{margin-bottom:14px}.sku-form{background:#fbfcff;border:1px solid #e8eaf0;border-radius:8px;grid-template-columns:repeat(5,minmax(130px,1fr)) auto;align-items:end;gap:12px;margin-bottom:16px;padding:14px;display:grid}.sku-form label{color:#4b5563;gap:6px;font-size:12px;font-weight:800;display:grid}.sku-form input{color:#202224;background:#fff;border:1px solid #dfe4ee;border-radius:8px;outline:0;min-width:0;height:38px;padding:0 10px}.sku-form input:focus{border-color:#4880ff;box-shadow:0 0 0 3px #4880ff1f}.master-form{background:#fbfcff;border:1px solid #e8eaf0;border-radius:8px;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:14px;padding:14px;display:grid}.master-form label{color:#4b5563;gap:6px;font-size:12px;font-weight:800;display:grid}.master-form input{color:#202224;background:#fff;border:1px solid #dfe4ee;border-radius:8px;outline:0;min-width:0;height:38px;padding:0 10px}.master-form input:focus{border-color:#4880ff;box-shadow:0 0 0 3px #4880ff1f}.master-form .primary-button{grid-column:1/-1}.brand-po-form,.brand-receipt-form,.channel-fulfillment-form,.channel-po-form,.stock-form{background:#fbfcff;border:1px solid #e8eaf0;border-radius:8px;grid-template-columns:repeat(4,minmax(150px,1fr)) auto;align-items:end;gap:12px;margin-bottom:16px;padding:14px;display:grid}.brand-po-form label,.brand-receipt-form label,.channel-fulfillment-form label,.channel-po-form label,.stock-form label{color:#4b5563;gap:6px;font-size:12px;font-weight:800;display:grid}.brand-po-form input,.brand-po-form select,.brand-receipt-form input,.brand-receipt-form select,.channel-fulfillment-form input,.channel-fulfillment-form select,.channel-po-form input,.channel-po-form select,.stock-form input,.stock-form select,.master-form select,.sku-form select{color:#202224;background:#fff;border:1px solid #dfe4ee;border-radius:8px;outline:0;min-width:0;height:38px;padding:0 10px}.brand-po-form input:focus,.brand-po-form select:focus,.brand-receipt-form input:focus,.brand-receipt-form select:focus,.channel-fulfillment-form input:focus,.channel-fulfillment-form select:focus,.channel-po-form input:focus,.channel-po-form select:focus,.stock-form input:focus,.stock-form select:focus,.master-form select:focus,.sku-form select:focus{border-color:#4880ff;box-shadow:0 0 0 3px #4880ff1f}.toolbar .table-search{margin-right:auto}.primary-button,.secondary-button,.danger-button{border-radius:8px;justify-content:center;align-items:center;gap:7px;min-height:36px;padding:0 12px;font-weight:800;display:inline-flex}.primary-button{color:#fff;background:#4880ff;border:1px solid #4880ff}.secondary-button{color:#4b5563;background:#fff;border:1px solid #dbe1ec}.compact-button{min-height:30px;padding:0 9px;font-size:12px}.danger-button{color:#dc2626;background:#fff1f2;border:1px solid #fecaca}.table-wrap{width:100%;overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:860px}th,td{text-align:left;vertical-align:middle;white-space:nowrap;border-bottom:1px solid #edf0f5;padding:12px 10px}th{color:#7c8494;background:#f8f9fc;font-size:12px;font-weight:900}td{color:#303645;font-size:13px}tr:hover td{background:#fbfcff}.mono{color:#315fb8;font-variant-numeric:tabular-nums;background:#f3f6ff;border-radius:5px;padding:3px 6px;font-family:SFMono-Regular,Consolas,monospace;font-size:12px}.status-badge,.permission-badge{border-radius:999px;align-items:center;gap:5px;padding:5px 8px;font-size:12px;font-weight:800;display:inline-flex}.status-green{color:#15803d;background:#ecfdf3}.status-amber{color:#b45309;background:#fffbeb}.status-red{color:#dc2626;background:#fff1f2}.status-slate{color:#475569;background:#f1f5f9}.permission-badge{color:#315fb8;background:#eef3ff}.permission-badge.muted{color:#94a3b8;background:#f1f5f9}.mini-metric{gap:8px;min-height:82px;padding:16px;display:grid}.mini-metric strong{font-size:21px}.upload-dropzone{color:#64748b;border-style:dashed;place-items:center;gap:10px;min-height:230px;display:grid}.upload-dropzone strong{color:#202224;font-size:18px}.upload-dropzone div{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:8px;display:flex}.type-chip{color:#4b5563;background:#fff;border:1px solid #dbe1ec;border-radius:8px;padding:8px 10px;font-weight:800}.type-chip.selected{color:#4880ff;background:#eef3ff;border-color:#4880ff}.file-button{color:#fff;cursor:pointer;background:#4880ff;border-radius:8px;align-items:center;gap:8px;min-height:40px;padding:0 14px;font-weight:900;display:inline-flex}.file-button input{display:none}.form-message.neutral{color:#1d4ed8;background:#eff6ff;border-color:#bfdbfe}.review-summary{grid-template-columns:1.4fr repeat(3,minmax(0,1fr));gap:16px;display:grid}.review-actions,.modal-actions{justify-content:flex-end;gap:10px;margin-top:16px;display:flex}.mobile-preview{display:none}.mobile-frame{background:#f8f9fc;border:1px solid #e1e5ee;border-radius:28px;width:390px;max-width:100%;padding:18px}.mobile-head{justify-content:space-between;margin-bottom:14px;display:flex}.mobile-kpis{grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:12px;display:grid}.mobile-kpis span,.mobile-search{background:#fff;border-radius:8px;padding:10px;font-weight:800}.mobile-search{color:#8b91a0;margin-bottom:12px;font-size:13px}.mobile-row{background:#fff;border-radius:8px;justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;padding:12px;display:flex}.mobile-row strong,.mobile-row small{display:block}.mobile-row small{color:#7a8291;margin-top:3px}.mobile-row button{color:#315fb8;background:#eef3ff;border:1px solid #4880ff;border-radius:7px;padding:7px 9px;font-weight:800}.modal-backdrop{z-index:30;background:#0f172a70;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.modal{background:#fff;border-radius:12px;width:390px;max-width:100%;padding:24px;box-shadow:0 26px 80px #0f172a3d}.modal-icon{color:#dc2626;background:#fff1f2;border-radius:10px;place-items:center;width:48px;height:48px;display:grid}.modal h2{margin:14px 0 8px}.modal p{color:#64748b;line-height:1.5}.pin-dots{justify-content:center;gap:10px;margin:20px 0;display:flex}.pin-dots span{border:1px solid #cbd5e1;border-radius:999px;width:12px;height:12px}.pin-dots span.filled{background:#ef4444;border-color:#ef4444}.permission-toggle{background:0 0;border:0;padding:0}.permission-toggle:disabled{cursor:not-allowed}.keypad{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.keypad button{color:#202224;background:#f8f9fc;border:1px solid #e1e5ee;border-radius:8px;height:46px;font-weight:900}.keypad button:disabled{cursor:default;opacity:0}@media (width<=1180px){.app{display:block}.sidebar{width:100%;height:auto;padding:14px}.nav{gap:12px;display:flex;overflow-x:auto}.nav-group{min-width:220px}.topbar{flex-direction:column;align-items:flex-start}.topbar-actions,.filter-bar{flex-wrap:wrap;width:100%}.search-box{flex:1}.search-box input{width:100%}.kpi-grid,.kpi-grid.compact,.review-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.two-column{grid-template-columns:1fr}.mobile-preview{display:block}}@media (width<=720px){.content,.filter-bar,.topbar{padding-left:16px;padding-right:16px}.kpi-grid,.kpi-grid.compact,.review-summary{grid-template-columns:1fr}.profile-pill{display:none}.toolbar{flex-direction:column;align-items:stretch}.sku-form,.master-form,.brand-po-form,.brand-receipt-form,.channel-fulfillment-form,.channel-po-form,.stock-form{grid-template-columns:1fr}.toolbar .table-search,.primary-button,.secondary-button,.danger-button{width:100%}}