:root{color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;--bg: #f4f6f8;--surface: #ffffff;--surface-2: #eef2f5;--border: #d8e0e7;--border-strong: #b9c5d1;--text: #14202b;--muted: #637182;--soft: #7c8794;--blue: #2563eb;--blue-soft: #e8f0ff;--green: #0d7b5f;--green-soft: #e4f6ef;--amber: #a45b00;--amber-soft: #fff3dc;--red: #b42318;--red-soft: #ffebe8;--ink: #1f2937;--shadow: 0 14px 38px rgb(20 32 43 / .08)}*{box-sizing:border-box}body{margin:0;min-width:320px;background:var(--bg);color:var(--text)}button,input,select{font:inherit}button{cursor:pointer}a{color:var(--blue);text-decoration:none}a:hover{text-decoration:underline}.login-screen{min-height:100vh;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(380px,.75fr);background:var(--bg)}.login-hero{display:flex;flex-direction:column;justify-content:center;padding:64px clamp(28px,7vw,96px);background:linear-gradient(90deg,#ffffffeb,#ffffffc7),url(https://images.unsplash.com/photo-1560520031-3a4dc4e9de0c?auto=format&fit=crop&w=1800&q=80) center / cover;border-right:1px solid var(--border)}.login-hero h1{max-width:780px;margin:42px 0 18px;font-size:clamp(34px,5vw,62px);line-height:1.02;letter-spacing:0}.login-hero p{max-width:690px;margin:0;color:#394655;font-size:18px;line-height:1.65}.login-metrics,.summary-grid,.architecture-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.login-metrics{max-width:680px;margin-top:42px}.metric,.kpi-panel,.panel,.login-panel{background:var(--surface);border:1px solid var(--border);border-radius:8px}.metric{padding:18px}.metric strong{display:block;font-size:26px}.metric span,.eyebrow,.field span,.compact-stats dt,.definition-list dt{color:var(--muted);font-size:12px;font-weight:700;letter-spacing:0;text-transform:uppercase}.login-panel{align-self:center;width:min(520px,calc(100% - 40px));margin:40px auto;padding:30px;box-shadow:var(--shadow)}.section-heading h2,.panel-header h2{margin:4px 0 0;font-size:22px;line-height:1.2}.login-options,.content-stack,.match-list,.trace-list,.document-list,.rules-list,.message-list,.timeline,.note-list{display:flex;flex-direction:column;gap:12px}.login-options{margin-top:22px}.login-option{min-height:118px;display:grid;grid-template-columns:46px minmax(0,1fr) 20px;align-items:center;gap:15px;width:100%;padding:16px;border:1px solid var(--border);border-radius:8px;background:#fff;text-align:left}.login-option:hover{border-color:var(--blue);background:#f7faff}.login-option-icon,.kpi-icon,.brand-mark{display:grid;place-items:center;flex:0 0 auto;color:var(--blue);background:var(--blue-soft)}.login-option-icon{width:46px;height:46px;border-radius:8px}.login-option svg{width:22px;height:22px}.login-option strong,.login-option span,.login-option p{display:block}.login-option span{margin:3px 0 7px;color:var(--blue);font-size:13px;font-weight:700}.login-option p,.demo-disclaimer,.muted-text,.panel p,.product-item p,.rule-row p,.message-item p,.timeline-item p,.checklist-item p{margin:0;color:var(--muted);line-height:1.55}.demo-disclaimer{margin-top:22px;font-size:13px}.app-shell{min-height:100vh;display:grid;grid-template-columns:272px minmax(0,1fr)}.sidebar{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;gap:26px;padding:22px;background:#111827;color:#f8fafc}.brand-block{display:flex;align-items:center;gap:12px}.brand-block.large{color:var(--text)}.brand-mark{width:42px;height:42px;border-radius:8px;font-weight:800}.brand-block strong,.brand-block span{display:block}.brand-block span{color:#a7b0bf;font-size:13px}.brand-block.large span{color:var(--muted)}.nav-list{display:flex;flex-direction:column;gap:8px}.nav-item{width:100%;min-height:42px;display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid transparent;border-radius:8px;background:transparent;color:#dbe3ed;text-align:left}.nav-item:hover,.nav-item.active{background:#1f2937;border-color:#334155;color:#fff}.sidebar-footer{margin-top:auto}.security-note{display:flex;gap:10px;padding:12px;border:1px solid #334155;border-radius:8px;color:#cbd5e1;font-size:12px;line-height:1.4}.security-note svg{flex:0 0 auto;color:#7dd3fc}.main-area{min-width:0;padding:24px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}.topbar h1{margin:4px 0 0;font-size:30px;line-height:1.2}.topbar-actions,.button-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.api-pill,.pill,.risk-label,.status-pill,.route-badge,.score-chip,.severity{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:28px;padding:5px 10px;border-radius:999px;font-size:12px;font-weight:800;white-space:nowrap}.api-pill,.pill.muted{background:var(--surface-2);color:var(--muted)}.pill.warning,.severity.warning{background:var(--amber-soft);color:var(--amber)}.user-switch{display:grid;grid-template-columns:auto 150px;align-items:center;gap:8px;color:var(--muted);font-size:12px;font-weight:800}.user-switch select,.field input,.field select,.document-row select,.search-box input{width:100%;min-height:38px;border:1px solid var(--border);border-radius:8px;background:#fff;color:var(--text);padding:8px 10px}.icon-button{width:40px;height:40px;display:grid;place-items:center;border:1px solid var(--border);border-radius:8px;background:#fff;color:var(--text)}.panel{padding:20px;box-shadow:0 8px 24px #14202b0a}.panel-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px}.kpi-panel{min-height:132px;display:flex;align-items:flex-start;gap:14px;padding:18px}.kpi-icon{width:42px;height:42px;border-radius:8px}.kpi-icon svg{width:21px;height:21px}.kpi-panel span{display:block;color:var(--muted);font-size:12px;font-weight:800;text-transform:uppercase}.kpi-panel strong{display:block;margin-top:5px;font-size:25px}.kpi-panel p{margin-top:4px;font-size:13px}.score-panel{min-height:180px;display:grid;grid-template-columns:128px minmax(0,1fr);align-items:center;gap:18px;padding:20px;border:1px solid var(--border);border-radius:8px;background:#fff}.score-ring{width:118px;height:118px;display:grid;place-items:center;border-radius:50%;background:radial-gradient(circle at center,#ffffff 0 57%,transparent 58%),conic-gradient(var(--green) var(--score),#dbe3ea 0)}.score-ring strong,.score-ring span{grid-area:1 / 1}.score-ring strong{transform:translateY(-8px);font-size:32px}.score-ring span{transform:translateY(22px);color:var(--muted);font-size:12px;font-weight:800}.score-panel h2{margin:8px 0;font-size:24px;line-height:1.16}.risk-label.low,.score-chip.low,.trace-item.positive{background:var(--green-soft);color:var(--green)}.risk-label.medium,.score-chip.medium,.trace-item.warning{background:var(--amber-soft);color:var(--amber)}.risk-label.high,.risk-label.critical,.score-chip.critical,.trace-item.negative{background:var(--red-soft);color:var(--red)}.route-badge.auto_to_bank,.status-pill.bank_ready,.status-pill.sent_to_bank{background:var(--green-soft);color:var(--green)}.route-badge.consultant_review,.route-badge.request_documents,.status-pill.needs_review,.status-pill.missing_documents,.status-pill.submitted{background:var(--amber-soft);color:var(--amber)}.route-badge.stop,.status-pill.declined_precheck{background:var(--red-soft);color:var(--red)}.status-pill.draft,.status-pill.auto_qualified{background:var(--blue-soft);color:var(--blue)}.action-panel{min-height:180px;display:flex;flex-direction:column;justify-content:space-between}.progress-row{display:grid;grid-template-columns:auto minmax(96px,1fr) auto;align-items:center;gap:10px;color:var(--muted);font-size:13px;font-weight:800}.progress-track{height:9px;overflow:hidden;border-radius:999px;background:#dde5ed}.progress-track div{height:100%;border-radius:inherit;background:var(--blue)}.definition-list,.compact-stats{display:grid;gap:11px;margin:0}.definition-list div,.compact-stats div{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-bottom:9px;border-bottom:1px solid var(--surface-2)}.definition-list dd,.compact-stats dd{margin:0;font-weight:800;text-align:right}.match-grid,.product-grid,.checklist-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.bank-match,.product-item,.checklist-item{border:1px solid var(--border);border-radius:8px;background:#fff}.bank-match{display:grid;gap:14px;padding:16px}.bank-match.review{border-color:#efd39b}.bank-match.blocked{border-color:#f2bbb5}.bank-match-top,.product-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.bank-match-top strong,.bank-match-top span,.product-header strong,.product-header span{display:block}.bank-match-top span,.product-header span{margin-top:3px;color:var(--muted);font-size:13px}.bank-match p{font-size:14px}.trace-item{min-height:36px;display:flex;align-items:center;gap:9px;padding:8px 10px;border-radius:8px;font-size:13px;font-weight:700}.trace-item svg{flex:0 0 auto}.trace-list.compact{gap:7px}.two-column-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) 340px;align-items:start;gap:16px}.documents-layout{grid-template-columns:minmax(0,.85fr) minmax(0,1fr) 340px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:20px}.field,.checkbox-field{display:grid;gap:7px}.checkbox-field{align-content:end;grid-template-columns:18px minmax(0,1fr);align-items:center;min-height:64px;color:var(--text);font-weight:700}.sticky-panel{position:sticky;top:24px}.check-list{display:grid;gap:10px;margin:20px 0}.check-row{display:grid;grid-template-columns:18px minmax(0,1fr);gap:10px;align-items:center;min-height:38px;padding:9px 10px;border:1px solid var(--border);border-radius:8px;font-weight:700}.document-row{display:grid;grid-template-columns:minmax(0,1fr) 150px;gap:12px;align-items:center;padding:12px;border:1px solid var(--border);border-radius:8px}.document-row strong,.document-row span{display:block}.document-row span{margin-top:2px;color:var(--muted);font-size:13px}.primary-button,.secondary-button{min-height:40px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:8px;padding:9px 14px;font-weight:800}.primary-button{border:1px solid var(--blue);background:var(--blue);color:#fff}.secondary-button{border:1px solid var(--border);background:#fff;color:var(--text)}.search-box{width:min(360px,100%);display:grid;grid-template-columns:18px minmax(0,1fr);align-items:center;gap:8px;padding:0 10px;border:1px solid var(--border);border-radius:8px;background:#fff}.search-box input{border:0;padding-left:0}.application-table{display:grid;gap:8px}.application-row{display:grid;grid-template-columns:minmax(220px,1.6fr) minmax(170px,1fr) minmax(130px,.7fr) 58px minmax(190px,1fr);align-items:center;gap:12px;width:100%;min-height:70px;padding:12px;border:1px solid var(--border);border-radius:8px;background:#fff;color:var(--text);text-align:left}.application-row:hover,.application-row.selected{border-color:var(--blue);background:#f8fbff}.application-row strong,.application-row span{display:block}.application-row div span{margin-top:2px;color:var(--muted);font-size:13px}.case-grid{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:16px;align-items:start}.case-main,.case-side{min-width:0}.summary-grid.inner{margin:18px 0}.split-section{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.7fr);gap:18px;margin:18px 0 24px;padding:16px;border:1px solid var(--border);border-radius:8px;background:#fbfcfd}.split-section h3{margin:0 0 12px;font-size:17px}.note-list{padding-left:18px;color:var(--muted);line-height:1.55}.message-item{display:grid;grid-template-columns:42px minmax(0,1fr);gap:12px;align-items:start;padding:14px;border:1px solid var(--border);border-radius:8px}.message-avatar{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:var(--green-soft);color:var(--green);font-weight:900}.product-item{display:grid;gap:13px;padding:16px}.product-item a{font-size:13px;font-weight:800}.rules-list{margin-top:18px}.rule-row{display:grid;grid-template-columns:minmax(0,1fr) 90px 54px;gap:14px;align-items:center;padding:14px;border:1px solid var(--border);border-radius:8px}.rule-row strong{display:block;margin-bottom:4px}.severity.info{background:var(--blue-soft);color:var(--blue)}.severity.blocker{background:var(--red-soft);color:var(--red)}.switch{position:relative;display:inline-flex;width:48px;height:28px}.switch input{opacity:0;width:0;height:0}.switch span{position:absolute;inset:0;border-radius:999px;background:var(--green)}.switch span:after{content:"";position:absolute;top:4px;right:4px;width:20px;height:20px;border-radius:50%;background:#fff}.timeline{margin-top:18px}.timeline-item{position:relative;padding:0 0 18px 24px;border-left:2px solid var(--border)}.timeline-item:before{content:"";position:absolute;left:-6px;top:2px;width:10px;height:10px;border-radius:50%;background:var(--blue)}.timeline-item span{display:block;color:var(--muted);font-size:12px;font-weight:800}.timeline-item strong{display:block;margin:4px 0}.checklist-grid{margin-top:18px}.checklist-item{display:grid;grid-template-columns:12px minmax(0,1fr);gap:12px;padding:16px}.status-dot{width:12px;height:12px;margin-top:5px;border-radius:50%;background:var(--amber)}.status-dot.ready-shape{background:var(--green)}@media(max-width:1180px){.two-column-layout,.documents-layout,.case-grid{grid-template-columns:1fr}.sticky-panel{position:static}.match-grid,.product-grid,.checklist-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.application-row{grid-template-columns:minmax(220px,1.4fr) minmax(140px,.8fr) 60px minmax(180px,1fr)}.application-row>span:nth-of-type(2){display:none}}@media(max-width:860px){.login-screen{grid-template-columns:1fr}.login-hero{min-height:auto;border-right:0;border-bottom:1px solid var(--border)}.app-shell{grid-template-columns:1fr}.sidebar{position:static;height:auto}.nav-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.main-area{padding:16px}.topbar{align-items:stretch;flex-direction:column}.topbar-actions{justify-content:space-between}.summary-grid,.architecture-grid,.match-grid,.product-grid,.checklist-grid,.form-grid,.application-row{grid-template-columns:1fr}.application-row>span:nth-of-type(2){display:block}.split-section{grid-template-columns:1fr}}@media(max-width:520px){.login-hero,.login-panel,.panel{padding:18px}.login-panel{width:calc(100% - 24px)}.login-option{grid-template-columns:42px minmax(0,1fr)}.login-option>svg{display:none}.nav-list{grid-template-columns:1fr}.score-panel{grid-template-columns:1fr;justify-items:start}.user-switch,.document-row{grid-template-columns:1fr}}
