:root{--font-sans: "Plus Jakarta Sans", Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;--bg-app: #f8fafc;--bg-surface: #ffffff;--bg-subtle: #f1f5f9;--bg-muted: #e2e8f0;--text-primary: #0f172a;--text-secondary: #475569;--text-muted: #64748b;--text-inverse: #ffffff;--border: #e2e8f0;--border-subtle: #cbd5e1;--border-focus: #2563eb;--navy-950: #0a1424;--navy-900: #0e2036;--navy-800: #132a48;--navy-700: #1c3d69;--navy-600: #255594;--navy-accent: #2563eb;--success-bg: #ecfdf5;--success-border: #a7f3d0;--success-text: #065f46;--success-dot: #10b981;--warning-bg: #fffbeb;--warning-border: #fde68a;--warning-text: #92400e;--warning-dot: #f59e0b;--danger-bg: #fef2f2;--danger-border: #fecaca;--danger-text: #991b1b;--danger-dot: #ef4444;--info-bg: #eff6ff;--info-border: #bfdbfe;--info-text: #1e40af;--info-dot: #3b82f6;--shadow-xs: 0 1px 2px 0 rgba(15, 23, 42, .04);--shadow-sm: 0 1px 3px 0 rgba(15, 23, 42, .06), 0 1px 2px -1px rgba(15, 23, 42, .04);--shadow-md: 0 4px 6px -1px rgba(15, 23, 42, .07), 0 2px 4px -2px rgba(15, 23, 42, .05);--shadow-lg: 0 10px 15px -3px rgba(15, 23, 42, .08), 0 4px 6px -4px rgba(15, 23, 42, .04);--shadow-card: 0 8px 24px rgba(15, 32, 54, .06);--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px}*{box-sizing:border-box}body{margin:0;font-family:var(--font-sans);color:var(--text-primary);background-color:var(--bg-app);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5;min-width:320px;min-height:100vh}button,input,select,textarea{font-family:inherit;font-size:14px}a{color:var(--navy-accent);text-decoration:none;transition:color .15s ease}a:hover{color:var(--navy-700)}.brand{display:flex;align-items:center;gap:12px;-webkit-user-select:none;user-select:none}.brand-mark{width:40px;height:40px;border-radius:10px;background:linear-gradient(135deg,#1e40af,#3b82f6);color:#fff;display:grid;place-items:center;box-shadow:0 4px 12px #2563eb4d}.brand-text{display:flex;flex-direction:column}.brand-title{font-size:19px;font-weight:500;letter-spacing:-.5px;color:var(--text-primary)}.brand-title strong{font-weight:800;color:var(--navy-900)}.brand-subtitle{font-size:11px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--text-muted)}.brand-dark .brand-title,.brand-dark .brand-title strong{color:#fff}.brand-dark .brand-subtitle{color:#94a3b8}.app-shell{min-height:100vh;display:grid;grid-template-columns:270px 1fr}.sidebar{background:linear-gradient(180deg,var(--navy-900) 0%,var(--navy-950) 100%);color:#fff;padding:24px 16px;display:flex;flex-direction:column;border-right:1px solid rgba(255,255,255,.07);position:sticky;top:0;height:100vh;overflow-y:auto;z-index:40}.sidebar-brand-wrapper{display:flex;align-items:center;justify-content:space-between;padding-bottom:20px;border-bottom:1px solid rgba(255,255,255,.08)}.mobile-close-button{display:none;background:transparent;border:0;color:#94a3b8;cursor:pointer;padding:6px;border-radius:var(--radius-sm)}.mobile-close-button:hover{color:#fff;background:#ffffff1a}.wo-status-chip{margin-top:16px;padding:10px 12px;border-radius:var(--radius-md);background:#ffffff0d;border:1px solid rgba(255,255,255,.08);display:flex;align-items:center;gap:10px}.wo-status-dot{width:8px;height:8px;border-radius:50%;background-color:#10b981;box-shadow:0 0 8px #10b981cc}.wo-status-dot.pulse{animation:pulse-dot 2s infinite ease-in-out}@keyframes pulse-dot{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.3);opacity:.7}}.wo-status-info{display:flex;flex-direction:column}.wo-status-title{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#94a3b8}.wo-status-subtitle{font-size:12px;font-weight:500;margin-top:2px}.sidebar nav{margin-top:24px;display:grid;gap:4px}.sidebar nav a{color:#cbd5e1;display:flex;align-items:center;gap:14px;padding:11px 14px;border-radius:var(--radius-md);font-size:13.5px;font-weight:500;text-decoration:none;transition:background-color .15s,color .15s,transform .1s}.sidebar nav a:hover{background:#ffffff14;color:#fff}.sidebar nav a.active{background:linear-gradient(90deg,#2563eb59,#2563eb26);color:#fff;font-weight:600;border-left:3px solid #3b82f6}.sidebar-foot{margin-top:14px;display:flex;gap:12px;padding:12px 10px;border-top:1px solid rgba(255,255,255,.08)}.sidebar-foot .foot-icon{width:20px;height:20px;color:#60a5fa;flex-shrink:0;margin-top:2px}.sidebar-foot strong{display:block;font-size:12.5px;font-weight:700;color:#f1f5f9}.sidebar-foot span{display:block;color:#94a3b8;font-size:11px;line-height:1.45;margin-top:2px}.workspace{min-width:0;display:flex;flex-direction:column;background-color:var(--bg-app)}.topbar{height:68px;border-bottom:1px solid var(--border);background:var(--bg-surface);display:flex;align-items:center;justify-content:space-between;padding:0 32px;position:sticky;top:0;z-index:30}.topbar-left{display:flex;align-items:center;gap:16px}.mobile-hamburger{display:none;background:transparent;border:0;color:var(--text-secondary);cursor:pointer;padding:8px;border-radius:var(--radius-sm)}.company-context-tag{display:flex;align-items:center;gap:10px}.environment-badge{background:#f0fdf4;color:#166534;font-size:11px;font-weight:700;letter-spacing:.05em;padding:3px 8px;border-radius:var(--radius-full);border:1px solid #bbf7d0}.company-name{font-size:13.5px;font-weight:600;color:var(--text-secondary)}.topbar-right{display:flex;align-items:center;gap:16px}.user-profile-widget{display:flex;align-items:center;gap:12px;padding-left:12px}.avatar{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#1e3a8a,#2563eb);color:#fff;font-weight:700;font-size:13px;letter-spacing:.05em;box-shadow:var(--shadow-sm)}.user-meta{display:flex;flex-direction:column}.user-name{font-size:13.5px;font-weight:700;color:var(--text-primary);line-height:1.2}.user-role-badge{font-size:11.5px;font-weight:600;color:var(--navy-accent);margin-top:2px}.logout-button{border:1px solid var(--border);background:var(--bg-surface);color:var(--text-muted);width:36px;height:36px;border-radius:var(--radius-md);display:grid;place-items:center;cursor:pointer;transition:all .15s;margin-left:6px}.logout-button:hover{background:#fee2e2;color:#b91c1c;border-color:#fca5a5}.workspace-body{flex:1;padding-bottom:60px}.content-page{padding:36px;max-width:1400px;margin:0 auto}.narrow-page{max-width:860px}.breadcrumb-nav{margin-bottom:16px}.back-link{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:var(--text-muted);transition:color .15s}.back-link:hover{color:var(--navy-900)}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:24px}.page-heading h1{font-size:28px;font-weight:800;letter-spacing:-.7px;color:var(--navy-900);margin:6px 0 4px;line-height:1.2}.page-heading p{margin:0;font-size:14px;color:var(--text-secondary)}.eyebrow{color:var(--navy-600);font-size:11px;letter-spacing:.12em;font-weight:800;text-transform:uppercase;display:inline-block}.dashboard{padding:36px;max-width:1400px;margin:0 auto}.dashboard-header{margin-bottom:24px}.dashboard-header h1{font-size:32px;font-weight:800;letter-spacing:-1px;color:var(--navy-900);margin:8px 0 6px}.lead{color:var(--text-secondary);font-size:15px;margin:0}.integration-banner{border-radius:var(--radius-lg);padding:18px 22px;margin-bottom:30px;display:flex;align-items:center;gap:16px;box-shadow:var(--shadow-sm)}.integration-banner.notice-warning{background:#fffbeb;border:1px solid #fde68a;color:#92400e}.integration-banner.notice-success{background:#ecfdf5;border:1px solid #a7f3d0;color:#065f46}.integration-banner.notice-neutral{background:#f8fafc;border:1px solid #cbd5e1;color:#334155}.integration-banner-icon{flex-shrink:0}.integration-banner-content{flex:1}.integration-banner-content strong{display:block;font-size:14px;font-weight:700;margin-bottom:3px}.integration-banner-content p{margin:0;font-size:13px;line-height:1.45;opacity:.9}.integration-link{font-size:12.5px;font-weight:700;padding:8px 14px;border-radius:var(--radius-md);background:#fff;border:1px solid rgba(0,0,0,.1);color:inherit;display:inline-block;white-space:nowrap;box-shadow:var(--shadow-xs)}.integration-link:hover{background:#f8fafc}.action-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;padding-bottom:32px;border-bottom:1px solid var(--border)}.action-card{position:relative;padding:26px;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;text-decoration:none;color:inherit;transition:transform .2s,box-shadow .2s,border-color .2s;min-height:220px}.action-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-card);border-color:#cbd5e1}.action-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.action-badge{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;padding:3px 8px;border-radius:var(--radius-full);background:var(--bg-subtle);color:var(--text-muted)}.action-icon{width:52px;height:52px;border-radius:var(--radius-lg);display:grid;place-items:center}.action-icon.blue{background:#eff6ff;color:#2563eb}.action-icon.green{background:#ecfdf5;color:#059669}.action-icon.violet{background:#f5f3ff;color:#7c3aed}.action-icon.slate{background:#f1f5f9;color:#475569}.action-card h2{font-size:19px;font-weight:750;color:var(--navy-900);margin:0 0 8px}.action-card p{font-size:13.5px;color:var(--text-secondary);line-height:1.5;margin:0;flex:1}.action-card-arrow{margin-top:20px;align-self:flex-end;color:var(--text-muted);transition:transform .15s,color .15s}.action-card:hover .action-card-arrow{transform:translate(3px);color:var(--navy-accent)}.insight{margin-top:32px;display:grid;grid-template-columns:auto 1fr 340px;align-items:center;gap:26px;padding:24px 28px;border-radius:var(--radius-lg);background:#fff;border:1px solid var(--border);box-shadow:var(--shadow-sm)}.insight h2{font-size:17px;font-weight:750;color:var(--navy-900);margin:0 0 6px}.insight p{color:var(--text-secondary);margin:0;font-size:13.5px;line-height:1.55}.insight blockquote{border-left:2px solid #cbd5e1;padding-left:24px;color:var(--text-muted);font-style:italic;font-size:13px;line-height:1.5;margin:0}.table-wrap{overflow-x:auto;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-surface);box-shadow:var(--shadow-sm)}table{width:100%;border-collapse:collapse;font-size:13px;text-align:left}th{background:#f8fafc;color:#475569;font-weight:700;font-size:11.5px;text-transform:uppercase;letter-spacing:.05em;padding:13px 18px;border-bottom:1px solid var(--border);white-space:nowrap}td{padding:14px 18px;border-bottom:1px solid #f1f5f9;vertical-align:middle;color:var(--text-primary)}tbody tr:hover{background-color:#f8fafc}tbody tr:last-child td{border-bottom:0}.sku-badge{font-family:var(--font-mono);font-size:12px;font-weight:700;color:var(--navy-900);background:#f1f5f9;padding:3px 7px;border-radius:var(--radius-sm);border:1px solid #e2e8f0;display:inline-block}.sku-badge.large{font-size:14px;padding:4px 10px}.order-no-badge{font-family:var(--font-mono);font-weight:700;color:var(--navy-900);font-size:13px}.source-tag-excel{font-family:var(--font-mono);font-size:10px;font-weight:700;background:#ecfdf5;color:#065f46;border:1px solid #a7f3d0;padding:1px 5px;border-radius:4px}.unit-tag{font-size:11px;font-weight:700;background:#f8fafc;color:#64748b;border:1px solid #cbd5e1;padding:2px 6px;border-radius:4px}.table-action-link{display:inline-flex;align-items:center;gap:5px;font-size:12.5px;font-weight:600;color:var(--navy-accent);padding:4px 8px;border-radius:var(--radius-sm);transition:background-color .15s}.table-action-link:hover{background:#eff6ff;color:#1d4ed8}.status-pill{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:var(--radius-full);font-size:11.5px;font-weight:700;white-space:nowrap}.status-dot{width:6px;height:6px;border-radius:50%;background-color:currentColor}.status-pill.ok,.status-pill.order-received,.status-pill.row-matched{color:var(--success-text);background:var(--success-bg);border:1px solid var(--success-border)}.status-pill.off,.status-pill.order-draft,.status-pill.row-unmatched{color:var(--text-muted);background:var(--bg-subtle);border:1px solid var(--border)}.status-pill.pending,.status-pill.order-open,.status-pill.order-partially_received,.status-pill.row-ambiguous{color:var(--warning-text);background:var(--warning-bg);border:1px solid var(--warning-border)}.status-pill.order-cancelled,.status-pill.row-invalid{color:var(--danger-text);background:var(--danger-bg);border:1px solid var(--danger-border)}.status-pill.info{color:var(--info-text);background:var(--info-bg);border:1px solid var(--info-border)}.pagination{display:flex;justify-content:flex-end;align-items:center;gap:12px;padding:12px 18px;border-top:1px solid var(--border);background:#fff}.pagination-btn{border:1px solid var(--border);background:var(--bg-surface);color:var(--text-secondary);border-radius:var(--radius-md);padding:6px 12px;font-size:12.5px;font-weight:600;display:inline-flex;align-items:center;gap:4px;cursor:pointer;transition:all .15s}.pagination-btn:hover:not(:disabled){background:var(--bg-subtle);color:var(--navy-900);border-color:#cbd5e1}.pagination-btn:disabled{opacity:.4;cursor:not-allowed}.pagination-info{font-size:12.5px;font-weight:600;color:var(--text-muted)}.panel{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:26px;box-shadow:var(--shadow-sm)}.panel-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;padding-bottom:12px;border-bottom:1px solid var(--border)}.panel-header h2{font-size:17px;font-weight:750;color:var(--navy-900);margin:0}.tag-source{font-size:11px;font-weight:700;text-transform:uppercase;color:var(--navy-600);background:#eff6ff;border:1px solid #bfdbfe;padding:3px 8px;border-radius:var(--radius-full)}.role-tag-admin{font-size:11px;font-weight:700;text-transform:uppercase;color:#7c2d12;background:#ffedd5;border:1px solid #fed7aa;padding:3px 8px;border-radius:var(--radius-full)}.detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.property-list{display:grid;grid-template-columns:180px 1fr;row-gap:14px;column-gap:16px;margin:0;font-size:13.5px}.property-list dt{color:var(--text-muted);font-weight:500}.property-list dd{margin:0;color:var(--text-primary);font-weight:500}.property-list-columns{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:0}.property-list-columns dt{color:var(--text-muted);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;margin-bottom:4px}.property-list-columns dd{margin:0;font-size:14px;font-weight:600;color:var(--text-primary)}.form-subpanel{padding:16px;border:1px solid #f1f5f9;border-radius:var(--radius-md);background:#fafbfc;margin-bottom:16px}.form-subpanel-title{display:flex;align-items:center;gap:8px;margin-bottom:12px}.form-subpanel-title h3{font-size:13.5px;font-weight:700;color:var(--navy-900);margin:0}label{display:grid;gap:6px;font-size:13px;color:var(--text-secondary)}.field-label{font-weight:600;color:var(--text-secondary)}input:not([type=checkbox]):not([type=radio]),select{border:1px solid var(--border);border-radius:var(--radius-md);min-height:42px;padding:0 14px;background:#fff;color:var(--text-primary);outline:none;transition:border-color .15s,box-shadow .15s}input:focus,select:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px #2563eb26}.search-wrapper{position:relative;display:flex;align-items:center}.search-icon{position:absolute;left:14px;color:#94a3b8;pointer-events:none}.search{padding-left:38px!important;width:min(340px,100%)}.check{display:flex;align-items:center;gap:8px;cursor:pointer;-webkit-user-select:none;user-select:none}.check input{width:16px;height:16px;cursor:pointer;accent-color:var(--navy-accent)}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.form-action-row{display:flex;align-items:center;gap:12px;margin-top:14px}.small-button{border:0;border-radius:var(--radius-md);padding:9px 16px;color:#fff;background:var(--navy-900);font-weight:600;font-size:13px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;box-shadow:var(--shadow-xs);transition:all .15s}.small-button:hover:not(:disabled){background:var(--navy-800);color:#fff}.small-button:disabled{opacity:.55;cursor:not-allowed}.secondary-button{border:1px solid var(--border);border-radius:var(--radius-md);padding:9px 16px;color:var(--navy-900);background:#fff;font-weight:600;font-size:13px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;box-shadow:var(--shadow-xs);transition:all .15s}.secondary-button:hover:not(:disabled){background:var(--bg-subtle);border-color:#cbd5e1;color:var(--navy-900)}.ghost-button{border:1px solid var(--border);background:transparent;padding:6px 12px;border-radius:var(--radius-md);font-size:12px;font-weight:600;cursor:pointer}.ghost-button-danger{border:1px solid #fecaca;background:#fef2f2;color:#991b1b;padding:5px 10px;border-radius:var(--radius-sm);font-size:11px;font-weight:600;display:inline-flex;align-items:center;gap:5px;cursor:pointer}.ghost-button-danger:hover{background:#fee2e2}.button-row{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.validation-note{padding:12px 16px;margin-bottom:20px;border:1px solid #fde68a;border-radius:var(--radius-md);background:#fffbeb;color:#92400e;font-size:13px;display:flex;align-items:center;gap:12px}.validation-banner{border:1px solid #fde68a;background:#fffbeb;color:#92400e;border-radius:var(--radius-lg);padding:16px 20px;box-shadow:var(--shadow-sm)}.form-feedback-banner{display:flex;align-items:center;gap:10px;padding:12px 16px;border-radius:var(--radius-md);font-size:13px;font-weight:500}.form-feedback-banner.success{background:#ecfdf5;border:1px solid #a7f3d0;color:#065f46}.form-feedback-banner.error{background:#fef2f2;border:1px solid #fecaca;color:#991b1b}.form-feedback-success{display:inline-flex;align-items:center;gap:5px;color:#059669;font-size:12.5px;font-weight:600}.form-error{color:#dc2626;font-size:13px;margin:6px 0}.empty-state{min-height:280px;display:grid;place-content:center;justify-items:center;text-align:center;background:var(--bg-surface);border:1px dashed #cbd5e1;border-radius:var(--radius-lg);padding:36px}.empty-state h2{font-size:17px;font-weight:700;color:var(--navy-900);margin:8px 0 4px}.empty-copy{color:var(--text-muted);font-size:13.5px;margin:0}.stepper{list-style:none;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:0 0 24px}.stepper li{display:flex;align-items:center;gap:12px;color:#64748b;border-bottom:3px solid #e2e8f0;padding:12px 6px;transition:all .2s}.stepper li span{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#e2e8f0;font-size:12px;font-weight:700;color:#475569;flex-shrink:0}.stepper li.active{color:var(--navy-900);border-color:var(--navy-accent)}.stepper li.active span{background:var(--navy-accent);color:#fff}.stepper li.completed{border-color:#10b981;color:#065f46}.stepper li.completed span{background:#10b981;color:#fff}.stepper-title{font-size:13px;font-weight:700}.file-dropzone{border:2px dashed #cbd5e1;border-radius:var(--radius-lg);background:#f8fafc;padding:32px 20px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:border-color .15s,background-color .15s}.file-dropzone:hover{border-color:#94a3b8;background:#f1f5f9}.file-input-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.file-summary-card{padding:14px 18px;border-radius:var(--radius-md);background:#f1f5f9;border:1px solid #e2e8f0;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}.file-meta-pills{display:flex;gap:8px;flex-wrap:wrap}.summary-pill{font-size:12px;font-weight:600;color:#475569;background:#fff;padding:2px 8px;border-radius:var(--radius-sm);border:1px solid #cbd5e1}.mapping-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:20px}.mapping-field-card{display:flex;flex-direction:column;gap:6px;padding:12px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:var(--radius-md)}.mapping-label{font-size:12.5px;font-weight:700;color:var(--navy-900)}.preview-summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;margin-bottom:20px}.metric-pill{padding:10px 14px;border-radius:var(--radius-md);background:#f8fafc;border:1px solid #e2e8f0;display:flex;flex-direction:column}.metric-label{font-size:11px;font-weight:600;text-transform:uppercase;color:var(--text-muted)}.metric-value{font-size:18px;font-weight:750;color:var(--navy-900);margin-top:2px}.metric-pill.success{background:#ecfdf5;border-color:#a7f3d0;color:#065f46}.metric-pill.warning{background:#fffbeb;border-color:#fde68a;color:#92400e}.metric-pill.error{background:#fef2f2;border-color:#fecaca;color:#991b1b}.metric-pill.info{background:#eff6ff;border-color:#bfdbfe;color:#1e40af}.filter-tabs-pills{display:flex;gap:6px;flex-wrap:wrap}.filter-btn-pill{border:1px solid var(--border);background:#fff;color:var(--text-secondary);border-radius:var(--radius-full);padding:6px 12px;font-size:12px;font-weight:600;cursor:pointer;transition:all .15s}.filter-btn-pill:hover{background:#f1f5f9}.filter-btn-pill.active{background:var(--navy-900);color:#fff;border-color:var(--navy-900)}.filter-and-search-bar{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}.confirm-summary-box{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding:16px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:var(--radius-md)}.summary-item{display:flex;flex-direction:column}.summary-label{font-size:11px;font-weight:600;text-transform:uppercase;color:var(--text-muted)}.summary-value{font-size:15px;color:var(--navy-900);margin-top:2px}.resolution-controls-box{display:flex;flex-direction:column;gap:6px;min-width:200px}.filter-row{display:flex;gap:16px;align-items:flex-end}.filter-group{display:flex;flex-direction:column}.filter-field{display:flex;flex-direction:column;gap:4px}.filter-tabs{display:flex;gap:8px;margin-bottom:18px;overflow-x:auto;padding-bottom:2px}.filter-tab-btn{border:1px solid var(--border);border-radius:var(--radius-full);background:#fff;padding:7px 14px;cursor:pointer;color:var(--text-secondary);font-size:13px;font-weight:600;white-space:nowrap;transition:all .15s}.filter-tab-btn:hover{background:#f1f5f9}.filter-tab-btn.active{background:var(--navy-900);color:#fff;border-color:var(--navy-900)}.supplier-avatar{width:32px;height:32px;border-radius:var(--radius-md);background:#eff6ff;color:#2563eb;display:grid;place-items:center;flex-shrink:0}.supplier-title{font-size:13.5px;font-weight:700;color:var(--navy-900)}.count-pill{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:600;color:var(--text-secondary);background:#f1f5f9;padding:3px 8px;border-radius:var(--radius-sm)}.line-count-pill{display:inline-flex;align-items:center;gap:4px;font-family:var(--font-mono);font-size:12px;font-weight:600;color:var(--text-secondary)}.pending-supplier{color:#b45309;font-weight:600}.modified-copy{display:inline-block;color:#6d28d9;font-weight:700;background:#f5f3ff;border:1px solid #ddd6fe;padding:1px 6px;border-radius:4px;margin-top:4px}.loading-container{min-height:240px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;color:var(--text-muted)}.loading-spinner{width:32px;height:32px;border:3px solid #e2e8f0;border-top-color:var(--navy-accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.spin{animation:spin .8s linear infinite}.loading-screen{min-height:100vh;display:grid;place-content:center;justify-items:center;gap:16px;color:var(--text-secondary);background:var(--bg-app)}.mobile-overlay{position:fixed;inset:0;background:#0f172a99;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:35}@media(max-width:1080px){.action-grid{grid-template-columns:repeat(2,1fr)}.insight{grid-template-columns:auto 1fr}.insight blockquote{display:none}}@media(max-width:820px){.app-shell{display:block}.sidebar{position:fixed;top:0;left:0;bottom:0;width:280px;transform:translate(-100%);transition:transform .25s ease}.sidebar.sidebar-mobile-open{transform:translate(0)}.mobile-close-button,.mobile-hamburger{display:block}.topbar{padding:0 16px;gap:8px}.topbar-left,.topbar-right,.user-profile-widget{min-width:0}.integration-banner{align-items:flex-start;flex-wrap:wrap}.integration-banner-action{margin-left:38px}.content-page,.dashboard{padding:24px 16px}.page-heading{flex-direction:column;align-items:flex-start;gap:16px}.detail-grid,.form-grid,.mapping-grid,.confirm-summary-box,.action-grid,.insight{grid-template-columns:1fr}.stepper{grid-template-columns:repeat(2,1fr)}.property-list{grid-template-columns:1fr;row-gap:6px}.property-list dt{margin-top:8px;font-size:12px}.property-list-columns{grid-template-columns:repeat(2,1fr)}}.login-v2-container{min-height:100vh;position:relative;display:flex;flex-direction:column;background-color:#f8fafd;background-image:radial-gradient(circle at 15% 30%,rgba(219,234,254,.5) 0%,transparent 50%),radial-gradient(circle at 85% 65%,rgba(224,242,254,.45) 0%,transparent 45%),linear-gradient(135deg,#f8fafc,#fff,#f1f5f9);overflow-x:hidden;font-family:var(--font-sans)}.login-v2-bg{position:absolute;inset:0;pointer-events:none;z-index:0;overflow:hidden}.login-v2-bg-svg{width:100%;height:100%;object-fit:cover}.login-v2-header{position:relative;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:32px 56px;width:100%}.login-v2-brand{display:flex;align-items:center;gap:12px}.login-v2-brand-icon{width:38px;height:38px;border-radius:10px;background:#2563eb;color:#fff;display:grid;place-items:center;box-shadow:0 4px 12px #2563eb40}.login-v2-brand-text{display:flex;flex-direction:column}.login-v2-brand-name{font-size:17px;font-weight:800;color:#0f172a;letter-spacing:-.3px;line-height:1.15}.login-v2-brand-tag{font-size:10.5px;font-weight:700;color:#64748b;letter-spacing:.08em;margin-top:1px}.login-v2-tagline{display:flex;align-items:center;gap:14px;font-size:13px;font-weight:500;color:#64748b}.login-v2-tagline-dash{width:24px;height:1px;background-color:#cbd5e1}.login-v2-content{position:relative;z-index:10;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px 20px 48px}.login-v2-card{width:100%;max-width:440px;background:#fff;border-radius:20px;padding:38px 36px 36px;box-shadow:0 20px 45px -12px #0f172a14,0 2px 8px #0f172a05,0 0 0 1px #e2e8f0e6;transition:box-shadow .25s ease}.login-v2-card:hover{box-shadow:0 24px 50px -12px #0f172a1a,0 4px 12px #0f172a08,0 0 0 1px #cbd5e1e6}.login-v2-card-brand{display:flex;flex-direction:column;align-items:center;text-align:center;margin-bottom:20px}.login-v2-card-icon{width:44px;height:44px;border-radius:11px;background:#2563eb;color:#fff;display:grid;place-items:center;box-shadow:0 6px 16px -2px #2563eb4d;margin-bottom:10px}.login-v2-card-title{font-size:20px;font-weight:800;color:#0f172a;letter-spacing:-.4px}.login-v2-card-subtitle{font-size:10px;font-weight:700;letter-spacing:.11em;color:#64748b;margin-top:2px}.login-v2-card-divider{width:28px;height:2px;background-color:#e2e8f0;border-radius:2px;margin-top:14px}.login-v2-heading{font-size:20px;font-weight:800;color:#0f172a;letter-spacing:-.4px;margin:0 0 18px;text-align:left}.login-v2-form{display:flex;flex-direction:column;gap:16px}.login-v2-field-group{display:flex;flex-direction:column;gap:6px}.login-v2-label{font-size:13px;font-weight:600;color:#475569;text-align:left}.login-v2-input-wrapper{position:relative;display:flex;align-items:center;background:#fff;border:1px solid #d8e0eb;border-radius:10px;height:48px;padding:0 14px;transition:border-color .15s,box-shadow .15s}.login-v2-input-wrapper:focus-within{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb24}.login-v2-input-icon{color:#64748b;flex-shrink:0;margin-right:12px}.login-v2-input{flex:1;min-width:0;border:0!important;outline:none!important;box-shadow:none!important;padding:0!important;height:100%!important;font-size:14px!important;color:#0f172a!important;background:transparent!important}.login-v2-input::placeholder{color:#94a3b8}.login-v2-password-toggle{background:transparent;border:0;color:#64748b;cursor:pointer;padding:4px;display:grid;place-items:center;border-radius:4px;transition:color .15s}.login-v2-password-toggle:hover{color:#0f172a}.login-v2-options-row{display:flex;align-items:center;justify-content:flex-end;margin:4px 0 6px}.login-v2-forgot-link{background:transparent;border:0;padding:0;font-size:13px;font-weight:600;color:#2563eb;cursor:pointer;transition:color .15s}.login-v2-forgot-link:hover{color:#1d4ed8;text-decoration:underline}.login-v2-submit-button{height:46px;background:#2563eb;color:#fff;border:0;border-radius:10px;font-size:14.5px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;box-shadow:0 4px 14px #2563eb47;transition:background-color .15s,transform .1s,box-shadow .15s;margin-top:8px}.login-v2-submit-button:hover:not(:disabled){background:#1d4ed8;box-shadow:0 6px 18px #2563eb61;transform:translateY(-1px)}.login-v2-submit-button:active:not(:disabled){transform:translateY(0)}.login-v2-submit-button:disabled{opacity:.7;cursor:not-allowed}.login-v2-error{padding:10px 14px;border-radius:8px;background:#fef2f2;border:1px solid #fecaca;color:#991b1b;font-size:12.5px;margin-bottom:14px}.login-v2-modal-overlay{position:fixed;inset:0;background:#0f172a73;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:grid;place-items:center;padding:20px;z-index:50}.login-v2-modal{width:100%;max-width:400px;background:#fff;border-radius:16px;padding:28px;box-shadow:0 20px 40px #00000026}.login-v2-modal h3{font-size:18px;font-weight:700;color:#0f172a;margin:0 0 8px}.login-v2-modal p{font-size:13.5px;color:#475569;line-height:1.5;margin:0}@media(max-width:768px){.login-v2-header{padding:20px 24px;flex-direction:column;align-items:flex-start;gap:12px}.login-v2-tagline{display:none}.login-v2-card{padding:32px 24px 28px;border-radius:20px}.login-v2-content{padding:16px 16px 36px}}@media(max-width:480px){.topbar{padding:0 10px}.topbar-left,.user-profile-widget{gap:6px}.user-profile-widget{padding-left:0}.company-name,.user-meta{display:none}.avatar,.logout-button{width:32px;height:32px}.logout-button{margin-left:0}.integration-banner{flex-direction:column;padding:16px}.integration-banner-action{width:100%;margin-left:0}.integration-link{width:100%;white-space:normal;text-align:center}.filter-tabs{width:100%;max-width:100%}}