:root{--df-primary-50: #F4EFFE;--df-primary-100: #E9DEFD;--df-primary-200: #D6C2FB;--df-primary-400: #9168F2;--df-primary-500: #7C4DFF;--df-primary-600: #6C3BF4;--df-primary-700: #5A2FD6;--df-primary-800: #4A249F;--df-primary: var(--df-primary-600);--df-coral: #FF6A5A;--df-success: #0FA968;--df-warning: #F5A524;--df-danger: #F0432E;--df-info: #2E73E8;--df-tint-primary: #F2ECFE;--df-tint-success: #E2F7EE;--df-on-success: #0A7D4D;--df-tint-warning: #FEF3DD;--df-on-warning: #B26B00;--df-tint-danger: #FEEAE7;--df-on-danger: #C12B19;--df-tint-info: #E8F0FD;--df-on-info: #1F5BC0;--df-ink: #221F2E;--df-text-2: #57515F;--df-muted: #8E8896;--df-border-2: #DAD5E2;--df-border: #ECE9F1;--df-subtle: #F4F2F9;--df-app-bg: #F8F7FC;--df-surface: #FFFFFF;--df-rail: #241F33;--df-rail-active: #342B49;--df-r-chip: 8px;--df-r-input: 12px;--df-r-card: 20px;--df-r-sheet: 28px;--df-r-pill: 999px;--df-sp-xs: 4px;--df-sp-sm: 8px;--df-sp-md: 16px;--df-sp-lg: 24px;--df-sp-xl: 32px;--df-sp-2xl: 48px;--df-sh-card: 0 1px 2px rgba(33,30,43,.04), 0 2px 8px rgba(33,30,43,.05);--df-sh-raised:0 8px 24px rgba(33,30,43,.12);--df-sh-focus: 0 0 0 4px rgba(108,59,244,.18);--df-sh-primary:0 2px 8px rgba(108,59,244,.28);--df-font-sans: "Hanken Grotesk", system-ui, sans-serif;--df-font-mono: "DM Mono", ui-monospace, monospace}.df-mono{font-family:var(--df-font-mono);font-feature-settings:"tnum" 1}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--df-font-sans);background:var(--df-app-bg);color:var(--df-ink);-webkit-font-smoothing:antialiased}.m{font-family:var(--df-font-mono);font-feature-settings:"tnum" 1}button{font-family:inherit;cursor:pointer}.signin{min-height:100dvh;display:grid;place-items:center;background:radial-gradient(720px 380px at 50% 0%,#EFE9FE,var(--df-app-bg))}.signin-card{background:#fff;border-radius:var(--df-r-card);box-shadow:var(--df-sh-raised);padding:40px 34px;width:380px;text-align:center}.signin-card .brand{justify-content:center;margin-bottom:12px}.signin-card p{color:var(--df-text-2);font-size:14px;margin:4px 0 22px}.signin-card .foot{display:block;margin-top:16px;font-size:12px;color:var(--df-muted)}.cta{width:100%;font-size:14px;font-weight:700;color:#fff;background:var(--df-primary);border:none;border-radius:var(--df-r-input);padding:12px;box-shadow:var(--df-sh-primary)}.layout{display:flex;height:100vh;width:100%;overflow:hidden}.rail{width:246px;flex:none;background:var(--df-rail);display:flex;flex-direction:column;padding:18px 14px 14px}.rail-brand{display:flex;align-items:center;gap:10px;padding:6px 8px 18px}.rail-brand .word{font-size:16px;font-weight:800;letter-spacing:-.02em;color:#fff}.rail-brand .word .fin{color:#b89af7}.rail-brand .sub{font-size:10.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#8a8398}.rail-section{font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#6e6880;padding:14px 10px 8px}.nav-item{display:flex;align-items:center;gap:11px;width:100%;text-align:left;background:none;border:none;padding:10px 12px;border-radius:11px;color:#c9c3d6;font-size:13.5px;font-weight:600}.nav-item:hover{background:#2b2440;color:#fff}.nav-item.active{background:var(--df-rail-active);color:#fff;font-weight:700}.nav-item.active svg{stroke:#b89af7}.nav-item .count{margin-left:auto;font-size:11px;font-weight:700;color:var(--df-rail);background:#b89af7;border-radius:999px;padding:1px 8px}.nav-item .dot{margin-left:auto;width:7px;height:7px;border-radius:50%;background:var(--df-warning)}.rail-foot{margin-top:auto;padding:12px 10px 4px}.rail-status{display:flex;align-items:center;gap:8px;font-size:11px;color:#8a8398;background:#1c1828;border-radius:10px;padding:9px 11px;margin-bottom:12px}.rail-status .live{width:7px;height:7px;border-radius:50%;background:var(--df-success)}.rail-user{display:flex;align-items:center;gap:10px;padding:4px}.rail-user .av{width:34px;height:34px;border-radius:10px;background:var(--df-primary-700);color:#fff;font-size:12px;font-weight:800;display:flex;align-items:center;justify-content:center}.rail-user .nm{font-size:12.5px;font-weight:700;color:#fff}.rail-user .rl{font-size:10.5px;color:#8a8398}.rail-demo{margin:10px 0 12px}.rail-demo>span{display:block;font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#6e6880;margin:0 0 6px 2px}.rail-demo>div{display:flex;gap:4px;flex-wrap:wrap}.rail-demo button{flex:1 1 44%;font-size:11px;font-weight:600;padding:6px 4px;border:1px solid #3A3350;background:transparent;border-radius:8px;color:#c9c3d6}.rail-demo button.on{background:var(--df-rail-active);color:#fff;border-color:#5a2fd6}.main{flex:1;display:flex;flex-direction:column;min-width:0}.topbar{height:64px;flex:none;background:#fff;border-bottom:1px solid var(--df-border);display:flex;align-items:center;gap:18px;padding:0 28px}.crumb{font-size:13px;color:var(--df-muted)}.crumb .sep{margin:0 8px;color:var(--df-border-2)}.crumb .cur{color:var(--df-ink);font-weight:600}.topbar-right{margin-left:auto;display:flex;align-items:center;gap:12px}.search{display:flex;align-items:center;gap:9px;background:var(--df-subtle);border:1px solid var(--df-border);border-radius:10px;padding:9px 13px;width:280px}.search input{border:none;background:none;outline:none;font-family:inherit;font-size:13px;color:var(--df-ink);width:100%}.search input::placeholder{color:var(--df-muted)}.btn-ghost{font-size:13px;font-weight:700;color:var(--df-ink);background:#fff;border:1px solid var(--df-border-2);border-radius:10px;padding:9px 14px}.topbar-av{width:38px;height:38px;border-radius:11px;background:var(--df-tint-primary);color:var(--df-primary-700);font-size:13px;font-weight:800;display:flex;align-items:center;justify-content:center}.content{flex:1;overflow:auto;position:relative}.content-inner{padding:26px 28px 40px}.page-head{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:20px}.page-title{font-size:24px;font-weight:800;letter-spacing:-.02em;margin:0}.page-sub{font-size:13.5px;color:var(--df-text-2);margin-top:2px}.btn-primary{font-size:13.5px;font-weight:700;color:#fff;background:var(--df-primary);border:none;border-radius:11px;padding:11px 17px;box-shadow:0 4px 14px #6c3bf447}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:22px}.stat{background:#fff;border:1px solid var(--df-border);border-radius:16px;padding:18px;box-shadow:var(--df-sh-card)}.stat.accent{border-left:3px solid var(--df-primary)}.stat-label{font-size:11px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--df-muted);margin-bottom:9px}.stat-value{font-size:25px;font-weight:500;letter-spacing:-.01em}.stat-value.danger{color:var(--df-on-danger)}.stat-hint{font-size:11.5px;margin-top:7px;font-weight:700}.stat-hint.success{color:var(--df-on-success)}.stat-hint.danger{color:var(--df-on-danger)}.stat-hint.muted{color:var(--df-text-2);font-weight:400}.filters{display:flex;align-items:center;gap:9px;margin-bottom:14px;flex-wrap:wrap}.pill{font-size:12.5px;font-weight:600;border-radius:999px;padding:7px 14px;border:none}.pill.all{color:#fff;background:var(--df-ink);font-weight:700}.pill.active{color:var(--df-primary-700);background:var(--df-tint-primary)}.pill.due{color:var(--df-on-warning);background:var(--df-tint-warning)}.pill.overdue{color:var(--df-on-danger);background:var(--df-tint-danger)}.pill.paid{color:var(--df-on-success);background:var(--df-tint-success)}.pill[aria-pressed=false]{opacity:.55}.pill[aria-pressed=true]{opacity:1}.merchant-filter{margin-left:auto;display:flex;align-items:center;gap:9px;background:#fff;border:1px solid var(--df-border-2);border-radius:10px;padding:8px 13px;font-size:12.5px;font-weight:600;color:var(--df-text-2)}.table{background:#fff;border:1px solid var(--df-border);border-radius:16px;overflow:hidden;box-shadow:var(--df-sh-card)}.tr{display:grid;grid-template-columns:1.1fr 1.3fr 1.1fr .9fr .9fr .8fr .9fr;gap:12px;padding:14px 20px;border-bottom:1px solid var(--df-subtle);align-items:center}.thead{padding:12px 20px;background:#faf9fd;border-bottom:1px solid var(--df-border);font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--df-muted)}.tbody-row{background:none;border:none;text-align:left;width:100%}.tbody-row:last-child .tr{border-bottom:none}.tbody-row:hover .tr{background:#fbfaff}.tbody-row.selected .tr{background:#fbfaff;box-shadow:inset 3px 0 0 var(--df-primary)}.c-ref{font-size:12.5px;font-weight:500;color:var(--df-text-2)}.tbody-row.selected .c-ref{color:var(--df-primary-700)}.c-consumer{font-size:13px;font-weight:600}.c-merchant{font-size:12.5px;color:var(--df-text-2)}.c-amount{font-size:12.5px}.c-due{font-size:12px}.c-due.warn{color:var(--df-on-warning)}.c-due.danger{color:var(--df-on-danger)}.c-due.muted{color:var(--df-text-2)}.c-due.success{color:var(--df-on-success)}.risk-badge{font-size:11px;font-weight:700;border-radius:6px;padding:3px 8px}.risk-Low{color:var(--df-on-success);background:var(--df-tint-success)}.risk-Med{color:var(--df-on-warning);background:var(--df-tint-warning)}.risk-High{color:var(--df-on-danger);background:var(--df-tint-danger)}.status-pill{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:700;border-radius:999px;padding:4px 10px}.status-pill .d{width:6px;height:6px;border-radius:50%}.st-Active{color:var(--df-primary-700);background:var(--df-tint-primary)}.st-Active .d{background:var(--df-primary)}.st-DueSoon{color:var(--df-on-warning);background:var(--df-tint-warning)}.st-DueSoon .d{background:var(--df-warning)}.st-Overdue{color:var(--df-on-danger);background:var(--df-tint-danger)}.st-Overdue .d{background:var(--df-danger)}.st-PaidOff{color:var(--df-on-success);background:var(--df-tint-success)}.st-PaidOff .d{background:var(--df-success)}.scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:#211e2b47;z-index:8;animation:fade .15s ease}@keyframes fade{0%{opacity:0}to{opacity:1}}.drawer{position:absolute;top:0;right:0;bottom:0;width:430px;background:#fff;z-index:9;box-shadow:-12px 0 40px #211e2b2e;display:flex;flex-direction:column;animation:slide .22s cubic-bezier(.2,.8,.2,1)}@keyframes slide{0%{transform:translate(100%)}to{transform:translate(0)}}.drawer-head{padding:22px 24px 18px;border-bottom:1px solid var(--df-border)}.drawer-head-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.drawer-ref{font-size:13px;font-weight:500;color:var(--df-primary-700)}.drawer-close{width:30px;height:30px;border-radius:9px;background:var(--df-subtle);border:none;display:flex;align-items:center;justify-content:center}.drawer-consumer{display:flex;align-items:center;gap:12px}.drawer-consumer .av{width:46px;height:46px;border-radius:13px;background:var(--df-tint-primary);color:var(--df-primary-700);font-size:15px;font-weight:800;display:flex;align-items:center;justify-content:center}.drawer-consumer .nm{font-size:17px;font-weight:800;letter-spacing:-.01em}.drawer-consumer .meta{font-size:12px;color:var(--df-muted)}.drawer-body{flex:1;overflow:auto;padding:20px 24px 24px}.kpi-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:18px}.kpi{background:var(--df-app-bg);border:1px solid var(--df-border);border-radius:14px;padding:14px}.kpi-label{font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--df-muted);margin-bottom:5px}.kpi-value{font-size:19px;font-weight:500}.kpi-value.warn{color:var(--df-on-warning)}.merchant-row{display:flex;align-items:center;justify-content:space-between;background:var(--df-app-bg);border:1px solid var(--df-border);border-radius:14px;padding:14px 16px;margin-bottom:18px}.merchant-row .left{display:flex;align-items:center;gap:11px}.merchant-row .av{width:36px;height:36px;border-radius:10px;background:#ffedea;color:#d43f2e;font-size:12px;font-weight:800;display:flex;align-items:center;justify-content:center}.merchant-row .nm{font-size:13px;font-weight:700}.merchant-row .cat{font-size:11px;color:var(--df-muted)}.tag-settled{font-size:11px;font-weight:700;color:var(--df-on-success);background:var(--df-tint-success);border-radius:6px;padding:3px 9px}.tag-pending{font-size:11px;font-weight:700;color:var(--df-on-warning);background:var(--df-tint-warning);border-radius:6px;padding:3px 9px}.assess{background:#fff;border:1px solid var(--df-border);border-radius:14px;padding:16px;margin-bottom:18px}.assess-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:11px}.assess-title{font-size:12.5px;font-weight:800}.assess-score{display:flex;align-items:flex-end;gap:10px;margin-bottom:9px}.assess-score .num{font-size:30px;font-weight:500;line-height:1}.assess-score .lbl{font-size:11.5px;color:var(--df-muted);padding-bottom:4px}.gauge{height:7px;background:var(--df-subtle);border-radius:999px;overflow:hidden}.gauge>div{height:100%;background:linear-gradient(90deg,var(--df-warning),var(--df-success));border-radius:999px}.gauge-scale{display:flex;justify-content:space-between;font-size:10.5px;color:var(--df-muted);margin-top:6px}.sched-title{font-size:12.5px;font-weight:800;margin-bottom:12px}.timeline{margin-bottom:20px}.tl-row{display:flex;gap:12px}.tl-spine{display:flex;flex-direction:column;align-items:center}.tl-node{width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex:none}.tl-node.paid{background:var(--df-success)}.tl-node.due{background:var(--df-tint-warning);border:2px solid var(--df-warning)}.tl-node.upcoming{background:#fff;border:2px solid var(--df-border-2)}.tl-line{width:2px;flex:1;min-height:18px;background:var(--df-border)}.tl-line.paid{background:var(--df-success)}.tl-content{flex:1;padding-bottom:14px}.tl-row:last-child .tl-content{padding-bottom:0}.tl-top{display:flex;justify-content:space-between}.tl-name{font-size:12.5px;font-weight:700}.tl-name.muted{color:var(--df-muted)}.tl-amt{font-size:12.5px}.tl-amt.paid{color:var(--df-on-success)}.tl-amt.muted{color:var(--df-muted)}.tl-note{font-size:11px;color:var(--df-muted)}.tl-note.due{color:var(--df-on-warning);font-weight:600}.drawer-foot{border-top:1px solid var(--df-border);padding:16px 24px;display:flex;gap:10px}.drawer-foot .primary{flex:1;font-size:13.5px;font-weight:700;color:#fff;background:var(--df-primary);border:none;border-radius:11px;padding:12px;box-shadow:0 4px 14px #6c3bf447}.drawer-foot .flag{font-size:13.5px;font-weight:700;color:var(--df-on-danger);background:var(--df-tint-danger);border:none;border-radius:11px;padding:12px 16px}.drawer-foot .notes{font-size:13.5px;font-weight:700;color:var(--df-ink);background:#fff;border:1px solid var(--df-border-2);border-radius:11px;padding:12px 16px}.stub{background:#fff;border:1px solid var(--df-border);border-radius:16px;padding:40px;box-shadow:var(--df-sh-card);text-align:center;color:var(--df-text-2)}.stub .icon{width:56px;height:56px;border-radius:16px;background:var(--df-tint-primary);color:var(--df-primary-700);display:inline-flex;align-items:center;justify-content:center;margin-bottom:14px}.stub h3{margin:0 0 6px;font-size:17px;color:var(--df-ink)}.stub p{margin:0 auto;max-width:440px;font-size:13.5px;line-height:1.5}.stub .seam{display:inline-block;margin-top:16px;font-size:12px;font-weight:700;color:var(--df-primary-700);background:var(--df-tint-primary);border-radius:999px;padding:6px 14px}.list{background:#fff;border:1px solid var(--df-border);border-radius:16px;overflow:hidden;box-shadow:var(--df-sh-card)}.list-row{display:grid;gap:12px;padding:14px 20px;border-bottom:1px solid var(--df-subtle);align-items:center}.list-row:last-child{border-bottom:none}.list-head{background:#faf9fd;font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--df-muted)}.av-sm{width:32px;height:32px;border-radius:9px;background:var(--df-tint-primary);color:var(--df-primary-700);font-size:11px;font-weight:800;display:inline-flex;align-items:center;justify-content:center}.mode-tag{margin-left:auto;font-size:11px;color:var(--df-muted)}