@import url("https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&family=DM+Mono:wght@400;500&family=Instrument+Sans:wght@400;500;600&display=swap");*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--ink:#0e0e0c;--ink-2:#3a3a36;--ink-3:#7a7a72;--ink-4:#b8b8b0;--paper:#f5f3ee;--paper-2:#eceae3;--paper-3:#e0ddd4;--accent:#1a4d3a;--accent-2:#2a6b52;--accent-light:#e8f2ed;--danger:#8b2020;--danger-light:#fdf0f0;--warn:#7a4a00;--warn-light:#fdf5e6;--good:#1a4d3a;--good-light:#e8f2ed;--border:rgba(14,14,12,.12);--border-strong:rgba(14,14,12,.22);--radius:3px;--radius-lg:6px;--shadow:0 1px 3px rgba(14,14,12,.08),0 4px 16px rgba(14,14,12,.05);--font-serif:"DM Serif Display",Georgia,serif;--font-sans:"Instrument Sans",system-ui,sans-serif;--font-mono:"DM Mono","Courier New",monospace}body{font-family:var(--font-sans);background:var(--paper);color:var(--ink);font-size:14px;line-height:1.6}.app,body{min-height:100vh}.app{flex-direction:column}.app,.nav{display:flex}.nav{align-items:center;justify-content:space-between;padding:0 32px;height:56px;background:var(--ink);position:-webkit-sticky;position:sticky;top:0;z-index:100}.nav,.nav-logo{color:var(--paper)}.nav-logo{font-family:var(--font-serif);font-size:22px;letter-spacing:-.02em;text-decoration:none}.nav-logo span{color:#2a6b52}.nav-tabs{display:flex;gap:2px}.nav-tab{padding:6px 14px;border-radius:var(--radius);cursor:pointer;font-size:12px;font-weight:500;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-4);border:none;background:transparent;transition:all .15s;font-family:var(--font-sans)}.nav-tab:hover{color:var(--paper);background:hsla(0,0%,100%,.08)}.nav-tab.active{color:var(--ink);background:var(--paper)}.nav-right{gap:8px}.nav-right,.pipeline-bar{display:flex;align-items:center}.pipeline-bar{background:var(--ink-2);padding:0 32px;overflow-x:auto}.pipeline-step{display:flex;align-items:center;gap:10px;padding:12px 16px;cursor:pointer;white-space:nowrap;border-bottom:2px solid transparent;transition:all .15s;color:var(--ink-4);font-size:12px;font-weight:500;letter-spacing:.03em;text-transform:uppercase}.pipeline-step.active{color:var(--paper);border-bottom-color:#2a6b52}.pipeline-step.done{color:#2a6b52}.step-num{width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:600;border:1.5px solid;flex-shrink:0}.step-num.done{background:#2a6b52;border-color:#2a6b52;color:#fff}.pipeline-arrow{color:var(--ink-3);font-size:10px;padding:0 4px}.page{max-width:1100px}.page,.page-narrow{padding:40px 32px;margin:0 auto;width:100%}.page-narrow{max-width:640px}.page-title{font-family:var(--font-serif);font-size:32px;line-height:1.2;margin-bottom:6px}.page-sub{color:var(--ink-3);font-size:14px;margin-bottom:32px}.card{background:#fff;border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow)}.card-header{padding:16px 20px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.card-title{font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-2)}.card-body{padding:20px}.upload-zone{border:1.5px dashed var(--border-strong);border-radius:var(--radius-lg);padding:48px 32px;text-align:center;cursor:pointer;transition:all .2s;background:var(--paper-2)}.upload-zone:hover{border-color:#2a6b52;background:var(--accent-light)}.upload-title{font-family:var(--font-serif);font-size:18px;margin-bottom:6px}.upload-sub{color:var(--ink-3);font-size:13px}.upload-btn{margin-top:16px;padding:8px 20px;background:var(--accent);color:#fff;border:none;border-radius:var(--radius);cursor:pointer;font-size:13px;font-weight:500;font-family:var(--font-sans)}.upload-btn:hover{background:var(--accent-2)}.progress-wrap{margin:20px 0}.progress-label{display:flex;justify-content:space-between;font-size:12px;color:var(--ink-3);margin-bottom:6px}.progress-track{height:4px;background:var(--paper-3);border-radius:2px;overflow:hidden}.progress-fill{height:100%;background:#2a6b52;border-radius:2px;transition:width .4s ease}.log{background:var(--ink);border-radius:var(--radius);padding:16px;font-family:var(--font-mono);font-size:11px;max-height:200px;overflow-y:auto;color:#a8d5b5}.log-line{margin-bottom:3px;line-height:1.5}.log-line.warn{color:#f0c060}.log-line.dim,.log-time{color:#555}.log-time{margin-right:8px}.data-table{width:100%;border-collapse:collapse;font-size:12px}.data-table th{text-align:left;padding:8px 12px;font-size:10px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);background:var(--paper-2)}.data-table td,.data-table th{border-bottom:1px solid var(--border)}.data-table td{padding:10px 12px;vertical-align:middle}.data-table tr:last-child td{border-bottom:none}.data-table tr:hover td{background:var(--paper-2)}.badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:10px;font-size:10px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;font-family:var(--font-mono)}.badge-ok{background:var(--good-light);color:var(--good)}.badge-warn{background:var(--warn-light);color:var(--warn)}.badge-danger{background:var(--danger-light);color:var(--danger)}.badge-neutral{background:var(--paper-3);color:var(--ink-3)}.badge-blue{background:#e6f0fa;color:#1a4a7a}.score-hero{display:flex;align-items:center;gap:40px;padding:32px 0;border-bottom:1px solid var(--border);margin-bottom:28px}.score-number{font-size:72px;letter-spacing:-.03em}.score-number,.score-number-xl{font-family:var(--font-serif);font-weight:400;line-height:1}.score-number-xl{font-size:88px;letter-spacing:-.04em}.score-band-label{font-size:13px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;margin-top:6px}.score-bar-track{height:8px;border-radius:4px;position:relative;overflow:visible;background:linear-gradient(90deg,#c0392b 0,#e67e22 25%,#f1c40f 45%,#27ae60 70%,#1a6b42)}.score-bar-marker{position:absolute;top:-4px;width:16px;height:16px;background:#fff;border:2px solid var(--ink);border-radius:50%;transform:translateX(-50%);box-shadow:0 1px 4px rgba(0,0,0,.2);transition:left .8s cubic-bezier(.34,1.56,.64,1)}.score-bar-labels{display:flex;justify-content:space-between;margin-top:6px;font-size:10px;color:var(--ink-3);font-family:var(--font-mono)}.factor-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px}.factor-card{padding:14px 16px;border:1px solid var(--border);border-radius:var(--radius);background:var(--paper-2)}.factor-bar-track{height:3px;background:var(--paper-3);border-radius:2px;margin-top:8px;overflow:hidden}.factor-bar-fill{height:100%;border-radius:2px;transition:width 1s ease}.tradeline-row{padding:14px 16px;border:1px solid var(--border);border-radius:var(--radius);margin-bottom:8px;background:#fff}.payment-dots{display:flex;gap:3px;margin-top:8px;flex-wrap:wrap}.dot{width:10px;height:10px;border-radius:2px;flex-shrink:0}.dot-ok{background:#27ae60}.dot-30{background:#f39c12}.dot-60{background:#e67e22}.dot-90{background:#c0392b}.dot-skip{background:var(--paper-3)}.stat-grid{grid-template-columns:repeat(4,1fr);grid-gap:12px}.stat-grid,.stat-grid-3{display:grid;gap:12px;margin-bottom:24px}.stat-grid-3{grid-template-columns:repeat(3,1fr);grid-gap:12px}.stat-card{padding:16px;background:#fff;border:1px solid var(--border);border-radius:var(--radius);text-align:center}.stat-value{font-family:var(--font-serif);font-size:28px;line-height:1.1}.stat-label{font-size:10px;color:var(--ink-3);letter-spacing:.06em;text-transform:uppercase;margin-top:4px}.subject-pill{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border:1px solid var(--border);border-radius:20px;cursor:pointer;margin:4px;font-size:12px;transition:all .15s;background:#fff;font-family:var(--font-sans)}.subject-pill.selected{border-color:var(--accent);background:var(--accent);color:#fff}.subject-avatar{width:22px;height:22px;border-radius:50%;background:var(--paper-3);display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:600;flex-shrink:0;color:var(--ink-2)}.subject-pill.selected .subject-avatar{background:hsla(0,0%,100%,.2);color:#fff}.grid-2{display:grid;grid-template-columns:1fr 1fr;grid-gap:20px;gap:20px}.section-title{font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid var(--border)}.id-avatar{width:56px;height:56px;border-radius:50%;background:var(--accent);display:flex;align-items:center;justify-content:center;font-size:22px;color:#fff;flex-shrink:0}.id-avatar,.id-name{font-family:var(--font-serif)}.id-name{font-size:20px;margin-bottom:2px}.id-fields{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:8px;gap:8px;margin-top:12px}.id-field-label{font-size:10px;color:var(--ink-3);letter-spacing:.06em;text-transform:uppercase}.id-field-value{font-size:12px;font-family:var(--font-mono);margin-top:2px}.alert{padding:12px 16px;border-radius:var(--radius);font-size:12px;display:flex;gap:10px;align-items:flex-start;margin-bottom:12px}.alert-good{background:var(--good-light);border-left:3px solid var(--good);color:var(--good)}.alert-warn{background:var(--warn-light);border-left:3px solid var(--warn);color:var(--warn)}.alert-danger{background:var(--danger-light);border-left:3px solid var(--danger);color:var(--danger)}.tabs{display:flex;gap:2px;border-bottom:1px solid var(--border);margin-bottom:20px}.tab{padding:8px 14px;cursor:pointer;font-size:12px;font-weight:500;color:var(--ink-3);margin-bottom:-1px;transition:all .15s;background:none;border:none;border-bottom:2px solid transparent;font-family:var(--font-sans)}.tab.active{color:var(--accent);border-bottom-color:var(--accent)}.enquiry-row{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--border)}.enquiry-row:last-child{border-bottom:none}.form-input{padding:10px 12px;border:1px solid var(--border-strong);border-radius:var(--radius);font-size:14px;font-family:var(--font-sans);background:#fff;color:var(--ink);width:100%;transition:border-color .15s;outline:none}.form-input:focus{border-color:var(--accent-2)}.btn{padding:10px 20px;border:none;border-radius:var(--radius);font-size:13px;font-weight:500;cursor:pointer;font-family:var(--font-sans);transition:all .15s}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-2)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-outline{background:#fff;color:var(--accent);border:1px solid var(--accent)}.btn-outline:hover{background:var(--accent-light)}.btn-ghost{background:none;color:var(--ink-3);border:1px solid var(--border)}.btn-ghost:hover{background:var(--paper-2)}.footer{padding:20px 32px;border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;background:#fff}.footer-logo{font-family:var(--font-serif);font-size:16px;color:var(--ink-3)}.footer-meta{font-size:11px;color:var(--ink-4);font-family:var(--font-mono)}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(1turn)}}.fade-in{animation:fadeIn .3s ease forwards}.spinner{width:16px;height:16px;border:2px solid var(--paper-3);border-top:2px solid #2a6b52;border-radius:50%;animation:spin .7s linear infinite;display:inline-block}