:root{color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#eef2f3;color:#142022;font-synthesis:none;text-rendering:geometricPrecision;--bg: #eef2f3;--surface: #ffffff;--surface-muted: #f6f8f8;--line: #d9e1e2;--line-strong: #bdc9cb;--text: #142022;--muted: #607073;--teal: #0f766e;--teal-soft: #d9f1ed;--amber: #d97706;--amber-soft: #fff4dc;--rose: #be123c;--rose-soft: #ffe4eb;--green: #15803d;--green-soft: #dcfce7;--shadow: 0 18px 45px rgba(21, 32, 35, .08)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input,select{font:inherit}button{cursor:pointer}.app-shell{display:grid;grid-template-columns:260px minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;gap:28px;padding:24px 18px;background:#132124;color:#f7faf9}.brand{display:flex;gap:12px;align-items:center;padding:4px 2px 16px;border-bottom:1px solid rgba(255,255,255,.12)}.brand svg{color:#6ee7d8}.brand strong{display:block;font-size:15px;line-height:1.2}.brand span{display:block;margin-top:3px;color:#a8b7b9;font-size:12px}.nav-list{display:flex;flex:1;flex-direction:column;gap:6px}.nav-item{display:flex;align-items:center;gap:10px;width:100%;padding:10px 11px;border:1px solid transparent;border-radius:8px;background:transparent;color:#c9d6d8;font-size:14px;text-align:left}.nav-item:hover,.nav-item.active{border-color:#6ee7d847;background:#6ee7d81c;color:#fff}.workspace{min-width:0;padding:28px}.topbar{display:flex;justify-content:space-between;gap:24px;align-items:flex-start}.app-controls{min-height:0}.topbar-stat{min-width:170px;padding:12px 14px;border:1px solid var(--line);border-radius:8px;background:var(--surface);box-shadow:var(--shadow)}.topbar-stat span,.metric-card span,.small-stat span{display:block;color:var(--muted);font-size:11px;font-weight:700;letter-spacing:0;text-transform:uppercase}.topbar-stat strong,.metric-card strong,.small-stat strong{display:block;margin-top:5px;color:var(--text);font-size:20px}.view-grid{display:grid;gap:18px}.overview-view{position:relative}.overview-control{position:fixed;top:28px;right:28px;z-index:5;flex:0 0 auto}.overview-control .segmented-control{box-shadow:0 12px 28px #1520231a}.metrics-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.data-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.metric-card,.panel{border:1px solid var(--line);border-radius:8px;background:var(--surface);box-shadow:var(--shadow)}.metric-card{display:grid;gap:6px;padding:16px}.metric-card svg{color:var(--teal)}.panel{padding:18px}.two-column{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.model-card{padding:16px;border:1px solid var(--line);border-radius:8px;background:var(--surface-muted)}.model-card-header{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.model-card h2,.section-heading h2,.detail-header h2,.result-score strong,.empty-result h2,.state-panel h2,.note-panel h2{margin:0;color:var(--text);font-size:18px;line-height:1.2}.model-card p,.section-heading p,.detail-header p,.result-score p,.empty-result p,.note-panel p,.state-panel p{margin:6px 0 0;color:var(--muted);font-size:13px;line-height:1.45}.model-card-header>span{padding:5px 7px;border-radius:6px;background:var(--teal-soft);color:#115e59;font-size:11px;font-weight:750}.model-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:18px}.small-stat{min-width:0;padding:10px;border:1px solid var(--line);border-radius:8px;background:var(--surface)}.small-stat strong{overflow-wrap:anywhere;font-size:16px}.section-heading{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;margin-bottom:18px}.chart-panel{min-height:380px}.metric-explainer-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin-top:12px}.metric-explainer-grid article{padding:12px;border:1px solid var(--line);border-radius:8px;background:var(--surface-muted)}.metric-explainer-grid h3{margin:0;color:var(--text);font-size:13px;line-height:1.2}.metric-explainer-grid p{margin:6px 0 0;color:var(--muted);font-size:12px;line-height:1.45}.flow-panel{overflow:hidden}.flow-toggle{flex:0 0 auto}.flow-toggle button{white-space:nowrap}.sankey-wrap{min-height:460px;overflow:hidden;border:1px solid var(--line);border-radius:8px;background:linear-gradient(180deg,#fff,#f7faf9)}.sankey-link{stroke:none;fill-opacity:.24}.sankey-link-fraud{fill:var(--rose)}.sankey-link-notFraud{fill:var(--teal)}.sankey-link-true{fill:var(--green)}.sankey-link-false{fill:var(--amber)}.sankey-node rect{stroke-width:1}.sankey-node-neutral rect{fill:#fff;stroke:var(--line-strong)}.sankey-node-fraud rect{fill:var(--rose-soft);stroke:#f1a9bc}.sankey-node-notFraud rect{fill:var(--teal-soft);stroke:#9ed8d1}.sankey-node-true rect{fill:var(--green-soft);stroke:#9bd5ad}.sankey-node-false rect{fill:var(--amber-soft);stroke:#f5c16c}.sankey-node-label{fill:var(--muted);font-size:11px;font-weight:800;letter-spacing:0;text-transform:uppercase}.sankey-node-value{fill:var(--text);font-size:16px;font-weight:760}.sankey-node-detail{fill:var(--muted);font-size:12px;font-weight:500}.note-panel{border-left:4px solid var(--teal)}.data-intro h2,.column-guide h2,.column-guide-grid h3{margin:0;color:var(--text)}.data-intro h2,.column-guide h2{font-size:18px}.data-intro p,.column-guide p{margin:8px 0 0;color:var(--muted);font-size:14px;line-height:1.55}.column-guide-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.column-guide-grid article{padding:14px;border:1px solid var(--line);border-radius:8px;background:var(--surface-muted)}.column-guide-grid h3{font-size:15px}.about-layout{display:grid;gap:18px}.about-hero{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);gap:18px;align-items:start}.about-hero h2,.about-columns h3{margin:0;color:var(--text)}.about-hero h2{font-size:22px}.about-hero p,.about-columns p{margin:8px 0 0;color:var(--muted);font-size:14px;line-height:1.55}.about-stat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.about-callout{display:flex;gap:12px;align-items:center;border-color:#99f6e4;background:#effdf9;color:#115e59}.about-callout p{margin:0;font-size:14px;font-weight:700;line-height:1.45}.about-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.about-columns article{padding:14px;border:1px solid var(--line);border-radius:8px;background:var(--surface-muted)}.about-columns h3{font-size:15px}.state-panel{display:flex;gap:12px;align-items:flex-start;margin-bottom:18px;padding:16px;border:1px solid var(--line);border-radius:8px;background:var(--surface)}.state-panel.danger{border-color:#fecdd3;background:#fff1f2}.transactions-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(340px,.8fr);gap:18px;align-items:start}.transaction-heading{align-items:flex-start;flex-direction:column}.transaction-heading>div{width:100%}.filter-row{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-start;margin-top:12px;width:100%}.filter-row select{flex:1 1 170px;min-width:0}.transaction-breakdown-card{margin:12px 0 14px;border:1px solid var(--line);border-radius:8px;background:var(--surface-muted);overflow:hidden}.breakdown-table{width:100%;border-collapse:collapse;min-width:0}.breakdown-table-mobile{display:none;table-layout:fixed}.breakdown-table th,.breakdown-table td{padding:9px 10px;border-bottom:1px solid var(--line);text-align:left;white-space:normal}.breakdown-table tr:last-child th,.breakdown-table tr:last-child td{border-bottom:0}.breakdown-table thead th{color:var(--muted);font-size:11px;font-weight:800;letter-spacing:0;text-transform:uppercase}.breakdown-table tbody th{color:var(--text);font-size:12px;font-weight:750}.breakdown-label{display:inline-flex;align-items:center;min-height:24px;padding:0 8px;border-radius:6px;font-size:12px;font-weight:800}.breakdown-label.safe{background:var(--green-soft);color:var(--green)}.breakdown-label.danger{background:var(--rose-soft);color:var(--rose)}.breakdown-value{display:inline-flex;align-items:baseline;gap:8px;color:var(--text);font-size:13px}.breakdown-value strong,.breakdown-value em{font-style:normal}.breakdown-value strong{font-weight:800}.breakdown-value em{color:var(--muted);font-size:12px;font-weight:700}select,input{min-height:36px;border:1px solid var(--line-strong);border-radius:7px;background:#fff;color:var(--text);font-size:13px}select{padding:0 28px 0 10px}input{width:100%;padding:0 10px}.table-panel{min-width:0}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:8px}table{width:100%;border-collapse:collapse;min-width:640px}th,td{padding:10px 12px;border-bottom:1px solid var(--line);text-align:left;font-size:13px;white-space:nowrap}th{background:var(--surface-muted);color:#4b5b5e;font-size:11px;font-weight:800;text-transform:uppercase}tbody tr{transition:background .12s ease}tbody tr:hover,tbody tr.selected{background:#edfdfa}tbody tr:last-child td{border-bottom:0}.pagination{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-top:12px;color:var(--muted);font-size:13px}.pagination label{display:flex;align-items:center;gap:8px;font-weight:700}.pagination-controls{display:flex;align-items:center;gap:8px}.pagination button,.segmented-control button,.primary-button,.secondary-button{min-height:36px;border:1px solid var(--line-strong);border-radius:7px;background:#fff;color:var(--text);font-size:13px;font-weight:700}.pagination button{padding:0 12px}button:disabled{cursor:not-allowed;opacity:.45}.detail-panel{position:sticky;top:24px}.detail-header{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:22px}.status-pill{display:inline-flex;align-items:center;min-height:24px;padding:0 8px;border-radius:6px;background:var(--green-soft);color:var(--green);font-size:12px;font-weight:800}.status-pill.active{background:var(--rose-soft);color:var(--rose)}.probability-pill{display:inline-flex;align-items:center;justify-content:center;min-width:58px;min-height:24px;padding:0 8px;border-radius:6px;font-size:12px;font-weight:800}.probability-pill.low{background:var(--green-soft);color:var(--green)}.probability-pill.high{background:var(--rose-soft);color:var(--rose)}.probability-block{display:grid;gap:8px;margin-bottom:18px}.probability-label,.probability-foot{display:flex;justify-content:space-between;gap:12px;color:var(--muted);font-size:12px}.probability-label strong{color:var(--text);font-size:15px}.risk-track{position:relative;height:10px;overflow:hidden;border-radius:999px;background:#e7ecec}.risk-fill{height:100%;border-radius:inherit}.risk-low{background:var(--green)}.risk-watch{background:var(--amber)}.risk-elevated{background:#ea580c}.risk-high{background:var(--rose)}.threshold-marker{position:absolute;top:-3px;bottom:-3px;left:50%;width:2px;background:#1f2937}.field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:12px}.segmented-control{display:flex;padding:3px;border:1px solid var(--line);border-radius:8px;background:var(--surface-muted)}.segmented-control button{border:0;padding:0 13px;background:transparent}.segmented-control button.active{background:var(--surface);box-shadow:0 3px 10px #0f172a14}.custom-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:18px;align-items:start}.custom-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.custom-form label{display:grid;gap:6px}.custom-form label span{color:#405154;font-size:12px;font-weight:800}.form-actions{grid-column:1 / -1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}.primary-button,.secondary-button{display:inline-flex;justify-content:center;align-items:center;gap:8px}.primary-button{border-color:#0f766e;background:#0f766e;color:#fff}.secondary-button{padding:0 12px;color:#26383b}.result-panel{min-height:320px}.result-score{margin-bottom:26px;padding-bottom:20px;border-bottom:1px solid var(--line)}.result-score span{color:var(--muted);font-size:12px;font-weight:800;text-transform:uppercase}.result-score strong{display:block;margin-top:6px;font-size:44px;letter-spacing:0}.empty-result{display:grid;place-items:center;min-height:280px;color:var(--muted);text-align:center}.empty-result svg{color:var(--teal)}.form-error{margin-top:16px;color:var(--rose);font-size:13px}@media(max-width:1100px){.app-shell{align-content:start;grid-template-columns:1fr}.sidebar{position:static;height:auto}.nav-list{display:grid;flex:initial;grid-template-columns:repeat(4,minmax(0,1fr))}.transactions-layout,.custom-layout,.metric-explainer-grid{grid-template-columns:1fr}.detail-panel{position:static}}@media(max-width:760px){.workspace{padding:18px}.topbar,.section-heading,.transaction-heading,.pagination{align-items:stretch;flex-direction:column}.filter-row{flex-wrap:wrap}.metrics-strip,.data-metrics,.two-column,.model-stats,.custom-form,.form-actions,.field-grid,.column-guide-grid,.about-hero,.about-stat-grid,.about-columns{grid-template-columns:1fr}.nav-list{grid-template-columns:repeat(2,minmax(0,1fr))}.breakdown-table-desktop{display:none}.breakdown-table-mobile{display:table}.breakdown-table-mobile th:first-child,.breakdown-table-mobile td:first-child{width:44%}.breakdown-table-mobile th:not(:first-child),.breakdown-table-mobile td:not(:first-child){width:28%}.breakdown-table-mobile tbody td:not(:first-child){text-align:right}.breakdown-table-mobile thead .breakdown-label{justify-content:center}.breakdown-table th,.breakdown-table td{padding:8px}.breakdown-value{flex-wrap:wrap;gap:4px 8px}.overview-control{position:static;justify-self:stretch}.overview-control .segmented-control{width:100%}.overview-control .segmented-control button{flex:1}.flow-toggle{width:100%}.flow-toggle button{flex:1}.sankey-wrap{min-height:420px}}