.topbar{background:var(--color-navy);color:var(--color-white);height:56px;display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-6);flex-shrink:0;z-index:100}.topbar__left{display:flex;align-items:center}.topbar__logo{display:flex;align-items:center;gap:var(--space-3);text-decoration:none;color:var(--color-white)}.topbar__logo:hover{text-decoration:none;opacity:.9}.topbar__logo-img-wrap{background:#fff;border-radius:var(--radius-sm);padding:3px 8px;display:flex;align-items:center}.topbar__logo-img{height:28px;width:auto;display:block}.topbar__title{font-size:var(--font-size-base);font-weight:600;letter-spacing:.01em}.topbar__right{display:flex;align-items:center;gap:var(--space-4)}.topbar__icon-link{color:#ffffffb3;display:flex;align-items:center;text-decoration:none;padding:6px;border-radius:var(--radius-sm);transition:background .15s,color .15s}.topbar__icon-link:hover{background:#ffffff1a;color:var(--color-white);text-decoration:none}.topbar__user{display:flex;flex-direction:column;align-items:flex-end}.topbar__user-name{font-size:var(--font-size-sm);font-weight:600;color:var(--color-white)}.topbar__user-role{font-size:var(--font-size-xs);color:#fff9;text-transform:capitalize}.topbar__logout{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:var(--color-white);font-size:var(--font-size-xs);padding:5px 12px;border-radius:var(--radius-sm);font-weight:500;transition:background .15s}.topbar__logout:hover{background:#fff3}.requestor-layout{display:flex;flex-direction:column;height:100%;min-height:0}.requestor-tab-bar{display:flex;align-items:center;background:var(--color-white);border-bottom:2px solid var(--color-border);overflow-x:auto;flex-shrink:0;padding:0 var(--space-4);gap:2px}.requestor-role-badge{font-size:10px;font-weight:800;letter-spacing:.12em;color:var(--color-navy);background:#09202e14;border:1px solid rgba(9,32,46,.2);border-radius:4px;padding:3px 8px;white-space:nowrap;flex-shrink:0;-webkit-user-select:none;user-select:none}.requestor-tab-divider{width:1px;height:20px;background:var(--color-border);margin:0 var(--space-3);flex-shrink:0}.requestor-tab-spacer{flex:1}.requestor-tab{display:flex;align-items:center;padding:14px 16px;text-decoration:none;color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:500;white-space:nowrap;border-bottom:2px solid transparent;margin-bottom:-2px;transition:color .15s,border-color .15s}.requestor-tab:hover{color:var(--color-navy);text-decoration:none}.requestor-tab--active{color:var(--color-navy);font-weight:700;border-bottom-color:var(--color-navy)}.requestor-tab--action{border:1.5px solid var(--color-teal);border-radius:6px;color:var(--color-teal);font-weight:600;margin:8px 0 8px var(--space-2);padding:6px 14px;border-bottom:1.5px solid var(--color-teal)}.requestor-tab--action:hover,.requestor-tab--action-active{background:var(--color-teal);color:var(--color-white);text-decoration:none}.requestor-tab-content{flex:1;overflow-x:auto;overflow-y:auto;padding:var(--space-6)}.badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:12px;font-size:var(--font-size-xs);font-weight:600;white-space:nowrap;letter-spacing:.02em}.badge--sm{font-size:11px;padding:1px 6px}.badge--md{font-size:var(--font-size-xs);padding:2px 8px}.badge--lg{font-size:var(--font-size-sm);padding:4px 12px}.badge--amber{background:var(--color-status-awaiting-vendor-bg);color:#92400e}.badge--blue{background:var(--color-status-screening-bg);color:#1e40af}.badge--orange{background:var(--color-status-info-requested-bg);color:#9a3412}.badge--green{background:var(--color-status-approved-bg);color:#14532d}.badge--red{background:var(--color-status-rejected-bg);color:#991b1b}.badge--grey{background:var(--color-status-expired-bg);color:#374151}.badge--risk-low{background:var(--color-risk-low-bg);color:#14532d}.badge--risk-medium{background:var(--color-risk-medium-bg);color:#78350f}.badge--risk-high{background:var(--color-risk-high-bg);color:#991b1b}.badge--risk-critical{background:var(--color-risk-critical-bg);color:#4c1d95}.progress-wrap{display:flex;align-items:center;gap:var(--space-2);min-width:120px}.progress-wrap--compact .progress-track{height:4px}.progress-track{flex:1;height:6px;background:var(--color-border);border-radius:99px;overflow:hidden}.progress-fill{height:100%;background:var(--color-teal);border-radius:99px;transition:width .3s ease}.progress-fill--complete{background:var(--color-status-approved)}.progress-label{font-size:var(--font-size-xs);color:var(--color-text-muted);white-space:nowrap}.progress-label--complete{color:var(--color-status-approved);font-weight:600}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:none;border-radius:var(--radius-md);font-weight:600;font-family:inherit;white-space:nowrap;transition:background .15s,opacity .15s,box-shadow .15s;position:relative;cursor:pointer}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--sm{font-size:var(--font-size-xs);padding:5px 12px;min-height:28px}.btn--md{font-size:var(--font-size-sm);padding:8px 18px;min-height:36px}.btn--lg{font-size:var(--font-size-base);padding:12px 24px;min-height:44px}.btn--primary{background:var(--color-teal);color:var(--color-white)}.btn--primary:hover:not(:disabled){background:var(--color-teal-hover)}.btn--secondary{background:var(--color-navy);color:var(--color-white)}.btn--secondary:hover:not(:disabled){background:#0d2d40}.btn--danger{background:var(--color-status-rejected);color:var(--color-white)}.btn--danger:hover:not(:disabled){background:#b91c1c}.btn--outline{background:transparent;color:var(--color-teal);border:1.5px solid var(--color-teal)}.btn--outline:hover:not(:disabled){background:#1a988b12}.btn--ghost{background:transparent;color:var(--color-text-secondary);border:1px solid var(--color-border)}.btn--ghost:hover:not(:disabled){background:var(--color-bg)}.btn--loading{cursor:wait}.btn__spinner{width:14px;height:14px;border:2px solid rgba(255,255,255,.4);border-top-color:currentColor;border-radius:50%;animation:spin .7s linear infinite;position:absolute}.btn__label--hidden{visibility:hidden}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.requestor-dashboard{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;gap:var(--space-5)}.dashboard-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap}.dashboard-title{font-size:var(--font-size-xl);font-weight:700;color:var(--color-navy)}.dashboard-subtitle{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-top:4px}.dashboard-alert{display:flex;align-items:center;gap:var(--space-2)}.alert-icon{font-size:var(--font-size-base);flex-shrink:0}.case-ref-link{font-weight:600;font-family:Courier New,monospace;font-size:var(--font-size-xs);color:var(--color-teal)}.counterparty-name{font-weight:500}.urgency-dot{display:inline-block;width:6px;height:6px;border-radius:50%;margin-left:6px;vertical-align:middle}.urgency-dot--high{background:var(--color-status-rejected)}.kyc-type{color:var(--color-text-secondary);font-size:var(--font-size-xs)}.days-cell{font-weight:600;color:var(--color-text-secondary)}.platform-cell{font-size:var(--font-size-xs);color:var(--color-text-muted)}.new-kyc-form-page{max-width:860px;margin:0 auto}.new-kyc-form-container{display:flex;flex-direction:column;gap:var(--space-5)}.form-step-header{display:flex;flex-direction:column;gap:var(--space-3)}.back-link{background:none;border:none;color:var(--color-teal);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;padding:0;align-self:flex-start}.back-link:hover{text-decoration:underline}.form-page-title{font-size:var(--font-size-xl);font-weight:700;color:var(--color-navy)}.form-card{display:flex;flex-direction:column;gap:var(--space-5)}.section-title{font-size:var(--font-size-lg);font-weight:700;color:var(--color-navy)}.section-desc{font-size:var(--font-size-sm);color:var(--color-text-muted)}.step-indicator{display:flex;align-items:center;gap:0}.step-dot{display:flex;flex-direction:column;align-items:center;gap:4px;position:relative;width:32px;height:32px;border-radius:50%;background:var(--color-border);color:var(--color-text-muted);font-size:var(--font-size-xs);font-weight:700;justify-content:center;flex-shrink:0}.step-dot--active{background:var(--color-teal);color:var(--color-white)}.step-dot--done{background:var(--color-status-approved);color:var(--color-white)}.step-label{position:absolute;top:36px;font-size:11px;font-weight:500;color:var(--color-text-muted);white-space:nowrap}.step-connector{flex:1;height:2px;background:var(--color-border);min-width:40px}.step-connector--done{background:var(--color-status-approved)}.search-input-wrap{position:relative;display:flex;align-items:center}.search-input-wrap input{flex:1;width:100%;padding-right:36px}.search-spinner{position:absolute;right:10px}.match-alert{font-size:var(--font-size-sm)}.match-alert-note{display:block;margin-top:4px;font-size:var(--font-size-xs);opacity:.85}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4) var(--space-5);min-width:0}.form-field--full{grid-column:1 / -1}.input-prefix-wrap{display:flex;align-items:stretch;border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden;transition:border-color .15s}.input-prefix-wrap:focus-within{border-color:var(--color-teal);box-shadow:0 0 0 3px #1a988b26}.input-prefix{background:var(--color-bg);color:var(--color-text-muted);font-size:var(--font-size-xs);font-weight:700;padding:0 10px;display:flex;align-items:center;border-right:1px solid var(--color-border);flex-shrink:0}.input-prefix-wrap input{border:none;border-radius:0;flex:1}.input-prefix-wrap input:focus{box-shadow:none;outline:none}.radio-group{display:flex;gap:var(--space-5);align-items:center;padding:var(--space-2) 0}.radio-group--stacked{flex-direction:column;align-items:flex-start;gap:var(--space-2)}.radio-label{display:flex;align-items:center;gap:var(--space-2);cursor:pointer;font-size:var(--font-size-sm);font-weight:400;text-transform:none;letter-spacing:0;color:var(--color-text-primary)}.radio-label input{accent-color:var(--color-teal)}.checkbox-group{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-2) 0}.checkbox-label{display:flex;align-items:center;gap:var(--space-2);cursor:pointer;font-size:var(--font-size-sm);color:var(--color-text-primary)}.checkbox-label input{accent-color:var(--color-teal);flex-shrink:0}.field-hint{font-size:var(--font-size-xs);color:var(--color-text-muted);margin:2px 0 var(--space-2)}.alert--info{background:#1a988b14;border:1px solid rgba(26,152,139,.3);color:var(--color-teal);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);font-size:var(--font-size-sm)}.form-section-divider{padding-top:var(--space-2);border-top:1px solid var(--color-border)}.form-section-label{font-size:var(--font-size-sm);font-weight:700;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.06em}.form-actions{display:flex;justify-content:flex-end;gap:var(--space-3);padding-top:var(--space-2)}.confirmation-card{align-items:center;text-align:center;padding:var(--space-10) var(--space-8)}.confirmation-icon{width:64px;height:64px;background:var(--color-status-approved-bg);color:var(--color-status-approved);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:700}.confirmation-title{font-size:var(--font-size-xl);font-weight:700;color:var(--color-navy)}.confirmation-desc{font-size:var(--font-size-sm);color:var(--color-text-muted);max-width:420px}.confirmation-details{background:var(--color-bg);border-radius:var(--radius-md);padding:var(--space-4) var(--space-6);width:100%;max-width:420px;text-align:left}.conf-detail-row{display:flex;justify-content:space-between;align-items:baseline;padding:var(--space-2) 0;border-bottom:1px solid var(--color-border);gap:var(--space-4)}.conf-detail-row:last-child{border-bottom:none}.conf-detail-row dt{font-size:var(--font-size-xs);font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;flex-shrink:0}.conf-detail-row dd{font-size:var(--font-size-sm);color:var(--color-text-primary);text-align:right}.conf-ref{font-family:Courier New,monospace;font-weight:700;font-size:var(--font-size-base)!important;color:var(--color-teal)}.upload-drop-zone{border:2px dashed #c8d0d8;border-radius:8px;padding:40px 24px;text-align:center;cursor:pointer;transition:border-color .15s,background .15s;margin-top:var(--space-4)}.upload-drop-zone:hover{border-color:#1a988b;background:#f0faf9}.upload-state{display:flex;flex-direction:column;align-items:center;gap:8px;color:#555}.upload-state--done{color:#1a988b}.case-summary-page{max-width:1000px;margin:0 auto;display:flex;flex-direction:column;gap:var(--space-5)}.back-link-btn{background:none;border:none;color:var(--color-teal);font-size:var(--font-size-sm);cursor:pointer;padding:0}.back-link-btn:hover{text-decoration:underline}.case-summary-header{display:flex;flex-direction:column;gap:var(--space-3)}.case-summary-title-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap}.case-summary-name{font-size:var(--font-size-xl);font-weight:700;color:var(--color-navy)}.case-summary-ref{font-family:Courier New,monospace;font-size:var(--font-size-xs);color:var(--color-text-muted)}.case-summary-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}.summary-section{min-width:0}.section-heading{font-size:var(--font-size-base);font-weight:700;color:var(--color-navy);margin-bottom:var(--space-4);padding-bottom:var(--space-3);border-bottom:1px solid var(--color-border)}.detail-list{display:flex;flex-direction:column;gap:var(--space-2)}.dl-row{display:flex;justify-content:space-between;gap:var(--space-3);font-size:var(--font-size-sm);padding:var(--space-1) 0}.dl-row dt{font-size:var(--font-size-xs);font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em;flex-shrink:0;padding-top:1px}.dl-row dd{text-align:right;color:var(--color-text-primary);word-break:break-word}.dl-row--full{flex-direction:column}.dl-row--full dd{text-align:left;margin-top:2px}.doc-progress-section{display:flex;flex-direction:column;gap:var(--space-3)}.doc-progress-note{font-size:var(--font-size-xs);color:var(--color-text-muted)}.officer-workspace{display:flex;flex-direction:column;height:100%;position:relative}.workspace-content{overflow-y:auto;overflow-x:auto;padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-5);max-width:1100px;margin:0 auto;width:100%}.workspace-decision-spacer{height:120px;flex-shrink:0}.workspace-header{display:flex;flex-direction:column;gap:var(--space-3)}.workspace-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap}.workspace-case-name{font-size:var(--font-size-xl);font-weight:700;color:var(--color-navy)}.workspace-ref{font-family:Courier New,monospace;font-size:var(--font-size-xs);color:var(--color-text-muted)}.workspace-header-badges{display:flex;gap:var(--space-2);align-items:center;flex-wrap:wrap}.workspace-section{min-width:0}.ws-section-title{font-size:var(--font-size-lg);font-weight:700;color:var(--color-navy);margin-bottom:var(--space-4);padding-bottom:var(--space-3);border-bottom:1px solid var(--color-border)}.ws-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-5);min-width:0}.ws-group-label{font-size:var(--font-size-xs);font-weight:700;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.06em;margin-bottom:var(--space-3)}.ws-dl{display:flex;flex-direction:column;gap:var(--space-2)}.ws-dl-row{display:flex;justify-content:space-between;gap:var(--space-3);font-size:var(--font-size-sm);padding:var(--space-1) 0;border-bottom:1px solid rgba(209,217,224,.4)}.ws-dl-row dt{font-size:var(--font-size-xs);font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em;flex-shrink:0;padding-top:1px}.ws-dl-row dd{text-align:right;word-break:break-word}.ws-dl-row--full{flex-direction:column}.ws-dl-row--full dd{text-align:left;margin-top:2px;color:var(--color-text-secondary)}.ws-empty-note{font-size:var(--font-size-sm);color:var(--color-text-muted);font-style:italic}.doc-list{display:flex;flex-direction:column;gap:var(--space-2)}.doc-item{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);background:var(--color-bg);border-radius:var(--radius-md);gap:var(--space-4);min-width:0}.doc-item-info{display:flex;flex-direction:column;gap:2px;min-width:0}.doc-type{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-primary)}.doc-filename{font-size:var(--font-size-xs);color:var(--color-text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.doc-uploaded{font-size:var(--font-size-xs);color:var(--color-text-muted)}.doc-download-link{font-size:var(--font-size-xs);font-weight:600;color:var(--color-teal);white-space:nowrap;flex-shrink:0}.worldcheck-content{display:flex;flex-direction:column;gap:var(--space-4)}.worldcheck-flags{display:flex;gap:var(--space-3);flex-wrap:wrap}.wc-flag{display:flex;flex-direction:column;align-items:center;gap:4px;padding:var(--space-3) var(--space-5);border-radius:var(--radius-md);min-width:90px}.wc-flag--clear{background:var(--color-status-approved-bg)}.wc-flag--hit{background:var(--color-status-rejected-bg)}.wc-flag-icon{font-size:18px}.wc-flag--clear .wc-flag-icon{color:var(--color-status-approved)}.wc-flag--hit .wc-flag-icon{color:var(--color-status-rejected)}.wc-flag-label{font-size:var(--font-size-xs);font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-secondary)}.wc-flag-value{font-size:var(--font-size-xs);font-weight:600}.wc-flag--clear .wc-flag-value{color:var(--color-status-approved)}.wc-flag--hit .wc-flag-value{color:var(--color-status-rejected)}.wc-report-link{font-size:var(--font-size-sm);font-weight:600;color:var(--color-teal)}.ai-risk-content{display:flex;flex-direction:column;gap:var(--space-4)}.ai-risk-badge-wrap{display:flex}.ai-risk-explanation{background:var(--color-bg);padding:var(--space-4);border-radius:var(--radius-md);font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.6;border-left:3px solid var(--color-teal)}.decision-panel{position:fixed;bottom:0;left:0;right:0;background:var(--color-white);border-top:2px solid var(--color-border);box-shadow:var(--shadow-sticky);z-index:200}.decision-panel-inner{max-width:1100px;margin:0 auto;padding:var(--space-4) var(--space-6);display:flex;flex-direction:column;gap:var(--space-3)}.decision-error{flex:1}.decision-label{font-size:var(--font-size-xs);font-weight:700;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.06em}.decision-actions{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.decision-form{display:flex;flex-direction:column;gap:var(--space-3)}.decision-form-row{display:flex;gap:var(--space-4);align-items:flex-start}.decision-form-reason{flex:1}.decision-form-reason-full{width:100%}.decision-form-btns{display:flex;gap:var(--space-3);justify-content:flex-end}.manager-layout{display:flex;flex-direction:column;height:100%;min-height:0}.manager-tab-bar{display:flex;align-items:center;background:var(--color-white);border-bottom:2px solid var(--color-border);overflow-x:auto;flex-shrink:0;padding:0 4px}.manager-tab-role-label{padding:0 12px 0 16px;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#1a988b;white-space:nowrap;flex-shrink:0;line-height:1}.manager-tab-divider{width:1px;height:18px;background:var(--color-border);flex-shrink:0;margin-right:4px}.manager-tab-spacer{flex:1}.manager-tab{display:flex;align-items:center;padding:12px 18px;text-decoration:none;color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:500;white-space:nowrap;border-bottom:2px solid transparent;margin-bottom:-2px;transition:color .15s,border-color .15s}.manager-tab:hover{color:var(--color-teal);text-decoration:none}.manager-tab--active{color:#09202e;font-weight:700;border-bottom-color:#1a988b}.manager-tab--action{margin:6px 8px;padding:6px 14px;border:1.5px solid #1A988B;border-bottom:1.5px solid #1A988B;border-radius:4px;color:#1a988b;font-weight:600;font-size:var(--font-size-sm);background:transparent}.manager-tab--action:hover{background:#1a988b;color:#fff;border-color:#1a988b;text-decoration:none}.manager-tab--action.manager-tab--active{background:#1a988b;color:#fff;border-color:#1a988b;border-bottom-color:#1a988b}.manager-tab-content{flex:1;overflow-x:auto;overflow-y:auto;padding:var(--space-6)}.manager-tab-page{max-width:1400px;margin:0 auto;display:flex;flex-direction:column;gap:var(--space-5)}.tab-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap}.tab-title{font-size:var(--font-size-xl);font-weight:700;color:var(--color-navy)}.tab-subtitle{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-top:4px}.tab-filters{display:flex;gap:var(--space-3);flex-wrap:wrap}.filter-search{border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);font-size:var(--font-size-sm);min-width:240px;color:var(--color-text-primary);background:var(--color-white)}.filter-search:focus{outline:none;border-color:var(--color-teal);box-shadow:0 0 0 3px #1a988b1f}.filter-select{border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);font-size:var(--font-size-sm);color:var(--color-text-primary);background:var(--color-white)}.filter-select:focus{outline:none;border-color:var(--color-teal)}.result-count{font-size:var(--font-size-xs);color:var(--color-text-muted);margin-bottom:var(--space-3)}.mono-ref{font-family:Courier New,monospace;font-size:var(--font-size-xs);color:var(--color-text-muted)}.bold-cell{font-weight:600}.muted-text{color:var(--color-text-muted)}.empty-row{text-align:center;color:var(--color-text-muted);font-style:italic;padding:var(--space-8)!important}.metrics-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--space-4);min-width:600px}.metric-card{background:var(--color-white);border-radius:var(--radius-lg);padding:var(--space-5);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:var(--space-1)}.metric-label{font-size:var(--font-size-xs);font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.metric-value{font-size:var(--font-size-2xl);font-weight:800;color:var(--color-navy);line-height:1.1}.metric-unit{font-size:var(--font-size-xs);color:var(--color-text-muted)}table.data-table tbody tr:nth-child(odd) td{background-color:#fff}table.data-table tbody tr:nth-child(2n) td{background-color:#eef2f7}table.data-table tbody tr:hover td{background-color:#dbeafe!important}tr.sla-breach td{background:#fff5f5!important}tr.sla-breach .sla-days{color:var(--color-status-rejected);font-weight:700}.inv-progress-wrap{display:flex;align-items:center;gap:var(--space-2);min-width:100px}.inv-progress-bar{flex:1;height:6px;background:var(--color-border);border-radius:99px;overflow:hidden}.inv-progress-fill{height:100%;background:var(--color-teal);border-radius:99px;transition:width .3s}.inv-progress-fill--done{background:var(--color-status-approved)}.inv-progress-pct{font-size:var(--font-size-xs);color:var(--color-text-muted);white-space:nowrap}.action-btns{display:flex;gap:var(--space-1);flex-wrap:nowrap}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#09202e8c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--space-4)}.modal-panel{background:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);width:100%;max-height:90vh;display:flex;flex-direction:column;overflow:hidden}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--color-border);flex-shrink:0}.modal-title{font-size:var(--font-size-lg);font-weight:700;color:var(--color-navy)}.modal-close{background:none;border:none;font-size:18px;color:var(--color-text-muted);line-height:1;padding:4px 8px;border-radius:var(--radius-sm);transition:background .15s}.modal-close:hover{background:var(--color-bg);color:var(--color-text-primary)}.modal-body{padding:var(--space-6);overflow-y:auto;flex:1}.settings-page{max-width:1000px;margin:0 auto;display:flex;flex-direction:column;gap:var(--space-5)}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}.settings-section{display:flex;flex-direction:column;gap:var(--space-4)}.settings-section--full{grid-column:1 / -1}.settings-section-title{font-size:var(--font-size-base);font-weight:700;color:var(--color-navy);border-bottom:1px solid var(--color-border);padding-bottom:var(--space-2)}.settings-hint{font-size:var(--font-size-xs);color:var(--color-text-muted)}.logo-section{display:flex;align-items:flex-start;gap:var(--space-4)}.logo-preview-box{width:120px;height:60px;border:2px dashed var(--color-border);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;background:var(--color-bg);flex-shrink:0;overflow:hidden}.logo-preview-img{max-width:100%;max-height:100%;object-fit:contain}.logo-placeholder{font-size:var(--font-size-xs);color:var(--color-text-muted);font-style:italic}.logo-actions{display:flex;flex-direction:column;gap:var(--space-2)}.logo-hint{font-size:var(--font-size-xs);color:var(--color-text-muted)}.form-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}.settings-footer{display:flex;justify-content:flex-end;padding-top:var(--space-3)}.modal-footer-btns{display:flex;justify-content:flex-end;gap:var(--space-3);margin-top:var(--space-5)}:root{--color-navy: #09202E;--color-teal: #1A988B;--color-teal-hover: #157a70;--color-bg: #f0f3f7;--color-white: #ffffff;--color-border: #d1d9e0;--color-text-primary: #1a2332;--color-text-secondary: #4a5568;--color-text-muted: #718096;--color-status-awaiting-vendor: #d97706;--color-status-awaiting-vendor-bg: #fef3c7;--color-status-screening: #2563eb;--color-status-screening-bg: #dbeafe;--color-status-review: #2563eb;--color-status-review-bg: #dbeafe;--color-status-info-requested: #ea580c;--color-status-info-requested-bg: #ffedd5;--color-status-approved: #16a34a;--color-status-approved-bg: #dcfce7;--color-status-rejected: #dc2626;--color-status-rejected-bg: #fee2e2;--color-status-expired: #6b7280;--color-status-expired-bg: #f3f4f6;--color-risk-low: #16a34a;--color-risk-low-bg: #dcfce7;--color-risk-medium: #d97706;--color-risk-medium-bg: #fef3c7;--color-risk-high: #dc2626;--color-risk-high-bg: #fee2e2;--color-risk-critical: #7c3aed;--color-risk-critical-bg: #ede9fe;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--font-size-xs: 12px;--font-size-sm: 13px;--font-size-base: 14px;--font-size-md: 15px;--font-size-lg: 18px;--font-size-xl: 22px;--font-size-2xl: 28px;--shadow-sm: 0 1px 3px rgba(0,0,0,.08);--shadow-md: 0 4px 12px rgba(0,0,0,.1);--shadow-sticky: 0 -4px 16px rgba(0,0,0,.12);--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Inter,Roboto,sans-serif;font-size:var(--font-size-base);color:var(--color-text-primary);background-color:var(--color-bg);-webkit-font-smoothing:antialiased}*{font-size:max(inherit,var(--font-size-sm))}label,.label,th,.table-header{font-size:max(var(--font-size-xs),12px)}#root{height:100%;display:flex;flex-direction:column}a{color:var(--color-teal);text-decoration:none}a:hover{text-decoration:underline}button{cursor:pointer;font-family:inherit}input,select,textarea{font-family:inherit;font-size:var(--font-size-base)}.spinner{width:20px;height:20px;border:2px solid var(--color-border);border-top-color:var(--color-teal);border-radius:50%;animation:spin .7s linear infinite;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.auth-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;gap:var(--space-4);color:var(--color-text-secondary)}.auth-loading__spinner{width:40px;height:40px;border:3px solid var(--color-border);border-top-color:var(--color-teal);border-radius:50%;animation:spin .8s linear infinite}.page-layout{display:flex;flex-direction:column;min-height:100vh}.page-content{flex:1;padding:var(--space-6);overflow-x:auto}.card{background:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-6)}.form-field{display:flex;flex-direction:column;gap:var(--space-1)}.form-field label{font-size:var(--font-size-xs);font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.04em}.form-field input,.form-field select,.form-field textarea{border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);font-size:var(--font-size-base);color:var(--color-text-primary);background:var(--color-white);transition:border-color .15s}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{outline:none;border-color:var(--color-teal);box-shadow:0 0 0 3px #1a988b26}.form-field input.error,.form-field select.error,.form-field textarea.error{border-color:var(--color-status-rejected)}.form-field .field-error{font-size:var(--font-size-xs);color:var(--color-status-rejected)}.table-wrapper{overflow-x:auto;min-width:0}table.data-table{width:100%;border-collapse:collapse;min-width:600px;font-size:var(--font-size-sm)}table.data-table th{background:var(--color-bg);padding:var(--space-2) var(--space-3);text-align:left;font-size:var(--font-size-xs);font-weight:700;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;border-bottom:2px solid var(--color-border);white-space:nowrap}table.data-table td{padding:var(--space-3);border-bottom:1px solid var(--color-border);color:var(--color-text-primary);font-size:var(--font-size-sm)}table.data-table tr:hover td{background:#f8fafc}table.data-table tr.clickable{cursor:pointer}.state-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-10) var(--space-6);color:var(--color-text-muted);gap:var(--space-3);text-align:center}.state-container .state-icon{font-size:40px;opacity:.4}.state-container h3{font-size:var(--font-size-md);color:var(--color-text-secondary)}.alert{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-size:var(--font-size-sm);display:flex;align-items:flex-start;gap:var(--space-2)}.alert--warning{background:var(--color-status-info-requested-bg);color:#9a3412;border-left:4px solid var(--color-status-info-requested)}.alert--error{background:var(--color-status-rejected-bg);color:#991b1b;border-left:4px solid var(--color-status-rejected)}.alert--success{background:var(--color-status-approved-bg);color:#14532d;border-left:4px solid var(--color-status-approved)}.alert--info{background:var(--color-status-screening-bg);color:#1e3a8a;border-left:4px solid var(--color-status-screening)}.alert--teal{background:#d1faf6;color:#065f52;border-left:4px solid var(--color-teal)}.alert--amber{background:var(--color-status-awaiting-vendor-bg);color:#78350f;border-left:4px solid var(--color-status-awaiting-vendor)}