:root{color-scheme:dark;--bg:#0b111a;--sidebar:#111925;--panel:#16202e;--border:#2b384a;--soft:#8190a3;--text:#eff5fa;--muted:#a4b2c2;--lime:#b8eb73;--mint:#68d3be;--blue:#82aaf5;--purple:#b49bf2;--warn:#f6c37f}
*{box-sizing:border-box}html{min-width:320px}body{margin:0;background:var(--bg);color:var(--text);font:14px 'DM Sans',system-ui,sans-serif}button,input,select{font:inherit}button{cursor:pointer}button,a,input,select{outline-offset:3px}button,a{transition:background .15s,color .15s,border-color .15s}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--lime)}[hidden]{display:none!important}
.gate{min-height:100vh;display:grid;place-items:center;padding:28px;background:radial-gradient(ellipse at 75% 8%,#223b2d 0%,#0b111a 58%)}.login-panel{background:#172331;border:1px solid #34475a;border-radius:22px;width:min(470px,100%);padding:42px 44px;box-shadow:0 35px 100px #0007}.logo{font:800 37px 'Manrope',system-ui,sans-serif;letter-spacing:-3px;line-height:1}.logo span{color:var(--lime)}.login-panel .eyebrow{margin-top:40px}.login-panel h1{font:800 clamp(28px,4vw,38px)/1.22 'Manrope',sans-serif;letter-spacing:-1.8px;margin:20px 0 8px}.login-panel .sub{margin:0 0 40px}.login-panel label{display:block;font-size:12px;color:var(--muted);font-weight:700;margin-bottom:10px}.login-panel input,.drawer-controls input{width:100%;padding:15px 16px;border:1px solid #45556a;border-radius:10px;background:#0c1521;color:var(--text)}.login-panel input::placeholder{color:#60738a}.primary{display:flex;align-items:center;justify-content:space-between;padding:15px 17px;background:var(--lime);border:1px solid var(--lime);border-radius:10px;color:#152218;font-weight:800;text-decoration:none}.primary:hover{background:#cef69f}.login-panel .primary{width:100%;margin-top:18px}.error{font-size:12px;color:#f9aaa5;min-height:16px;margin-bottom:0}
.sidebar{position:fixed;left:0;top:0;bottom:0;width:255px;background:var(--sidebar);border-right:1px solid #253142;padding:33px 22px;display:flex;flex-direction:column;z-index:2}.brand{display:flex;align-items:center;gap:17px}.brand .logo{font-size:39px}.brand>span{font-weight:800;font-size:10px;line-height:1.7;letter-spacing:2px;color:#a7b7c8}.eyebrow{font-size:10px;letter-spacing:1.9px;font-weight:800;color:#93a3b6;margin:0}.nav-heading{margin:65px 12px 17px;color:#6f829a}.nav{width:100%;display:flex;align-items:center;gap:12px;border:0;border-radius:10px;background:transparent;color:#9aabbf;text-align:left;padding:14px 13px;margin-bottom:5px;font-size:13px;font-weight:700}.nav-icon{width:23px;color:#8b9bb1;font-size:19px;text-align:center}.nav:hover,.nav.active{background:#27382f;color:#d1f7a9}.nav.active .nav-icon{color:var(--lime)}.sidebar-bottom{margin-top:auto;font-size:11px;color:#8fa1b5}.link-button{background:none;border:0;color:#d4dfec;padding:17px 0;display:flex;justify-content:space-between;width:100%;font-size:12px}
main{margin-left:255px;padding:44px clamp(25px,4vw,68px) 24px;min-height:100vh;max-width:1900px}.header{display:flex;justify-content:space-between;gap:24px;align-items:center;margin-bottom:42px}.slash{padding:0 9px;color:#5c7088}.header h1{font:800 clamp(27px,3.5vw,37px)/1.25 'Manrope',sans-serif;letter-spacing:-1.5px;margin:10px 0 8px}.sub{margin:0;color:#92a1b4;font-size:13px}.header-actions{display:flex;align-items:center;gap:17px}.updated,.subdued{color:#8d9db0;font-size:11px}.outline{padding:11px 15px;background:#202d3d;color:#dce7f2;border:1px solid #36485b;border-radius:9px;font-weight:700;font-size:12px;white-space:nowrap}.outline:hover{background:#2a3b50}.section-top{display:flex;align-items:center;justify-content:space-between;margin:0 0 16px}.section-top h2{font:800 17px 'Manrope',sans-serif;margin:0}.section-top>span{font-size:11px;color:#8499ae}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:20px}.metric,.panel,.connection{border:1px solid var(--border);border-radius:14px;background:var(--panel)}.metric{padding:22px 23px 20px;min-height:152px}.metric p{color:#9aadc0;font-weight:800;letter-spacing:1.25px;font-size:10px;line-height:1.6;margin:0}.metric strong{display:block;font:800 clamp(22px,2.6vw,31px) 'Manrope',sans-serif;letter-spacing:-1px;line-height:1.15;margin:24px 0 9px;white-space:nowrap}.metric small{color:#8295aa;font-size:11px;line-height:1.45;display:block}.metric .status-value{font-size:22px;letter-spacing:-.4px}.two-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.panel{padding:25px 27px;min-width:0;min-height:285px}.panel-top{display:flex;justify-content:space-between;align-items:start;gap:14px;margin-bottom:25px}.panel-top .eyebrow{font-size:9px;margin-bottom:9px}.panel h3,.connection h3{font:800 17px 'Manrope',sans-serif;letter-spacing:-.3px;margin:0}.textlink{border:0;background:none;color:var(--lime);font-size:11px;padding:0;font-weight:700;white-space:nowrap}.textlink:hover{text-decoration:underline}.placeholder{border:1px dashed #364658;border-radius:10px;min-height:170px;display:flex;justify-content:center;align-items:center;padding:22px;text-align:center;color:#879ab0;font-size:12px;line-height:1.6;background:#101a27}.visual{min-height:185px}.bar-row{display:grid;grid-template-columns:minmax(70px,125px) minmax(30px,1fr) 90px;gap:14px;align-items:center;margin:16px 0;color:#acbdcd;font-size:12px}.bar-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bar-track{height:11px;background:#2b3b4b;border-radius:10px;overflow:hidden}.bar-fill{background:linear-gradient(90deg,var(--mint),var(--lime));height:100%;border-radius:10px;min-width:2px}.bar-value{text-align:right;font-weight:800;color:#e7eff7;font-size:11px;font-variant-numeric:tabular-nums}.zero .bar-fill{min-width:0}.overview-aging{min-height:185px}.overview-aging-row{display:grid;grid-template-columns:1fr auto;align-items:center;gap:10px;padding:19px 4px;border-bottom:1px solid #2c394b}.overview-aging-row:last-child{border:0}.overview-aging-row span{display:block;color:#a5b5c6;font-size:12px;margin-bottom:7px}.overview-aging-row strong{font:800 22px 'Manrope',sans-serif}.overview-aging-row button{background:#253847;border:1px solid #344a5c;color:var(--lime);border-radius:8px;padding:9px 11px;font-size:11px}
.connection{padding:22px 25px;margin-bottom:20px;display:flex;justify-content:space-between;align-items:center;gap:20px}.connection h3{margin:9px 0}.connection p:not(.eyebrow){margin:8px 0 0;color:#92a5b9;font-size:12px;max-width:600px;line-height:1.6}.action-link{font-size:12px;min-width:170px;gap:17px}.bank-connect-form{display:grid;grid-template-columns:minmax(160px,1fr) minmax(210px,1.25fr) auto;gap:9px;align-items:center;min-width:min(620px,58vw)}.bank-connect-form input{min-width:0;padding:11px 12px;background:#101a27;color:#d7e4ef;border:1px solid #35465b;border-radius:8px;font-size:12px}.bank-connect-form input::placeholder{color:#71859a}.bank-connect-form .primary{white-space:nowrap;padding:11px 14px}.wide{margin-bottom:18px}.flex-wrap{flex-wrap:wrap}.selects{display:flex;flex-wrap:wrap;gap:10px}.selects label{font-size:10px;color:#8395ab;display:flex;flex-direction:column;gap:6px}.selects select{min-width:126px;padding:10px 13px;background:#101a27;color:#d7e4ef;border:1px solid #35465b;border-radius:8px;font-size:12px}.finance-chart,.visual{position:relative}.finance-chart{min-height:295px}.line-chart{width:100%;height:auto;display:block;max-height:350px}.hover-guide{pointer-events:none}.chart-tooltip{position:absolute;z-index:5;min-width:180px;max-width:260px;padding:10px 12px;background:#0d1622f2;border:1px solid #405268;border-radius:9px;box-shadow:0 12px 30px #0008;color:#eaf2f8;font-size:11px;pointer-events:none}.chart-tooltip b{display:block;margin-bottom:7px;font-size:11px}.chart-tooltip div{display:grid;grid-template-columns:10px 1fr auto;align-items:center;gap:7px;padding:3px 0;color:#aebdcb}.chart-tooltip i{width:8px;height:8px;border-radius:50%}.chart-tooltip strong{color:#eef5fb;font-variant-numeric:tabular-nums}.chart-legend{display:flex;flex-wrap:wrap;align-items:center;gap:20px;justify-content:center;margin-top:7px}.legend-pill{display:flex;align-items:center;gap:7px;color:#a0b1c1;font-size:11px}.legend-pill i{height:9px;width:9px;border-radius:50%;display:block}.finance-bottom{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:18px}.finance-bottom .panel:nth-child(1){grid-column:span 2}.account-list{display:grid;grid-template-columns:1fr;gap:20px}.accounts-section h4{margin:0 0 11px;color:#9eb0c2;font-size:10px;letter-spacing:1.2px;text-transform:uppercase}.account-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.account-empty{margin:0;padding:14px;border:1px dashed #34475b;border-radius:9px;color:#8395aa;font-size:11px}.account{background:#111a27;border:1px solid #293a4b;border-radius:10px;padding:17px;display:flex;justify-content:space-between;align-items:center;gap:12px}.account span{font-size:12px;font-weight:700;color:#dce7f1}.account small{color:#8295a8;font-size:10px;display:block;margin-top:6px}.account strong{font:800 17px 'Manrope',sans-serif;white-space:nowrap}.account strong.negative{color:#f8bd95}
.donut-area{min-height:240px}.ageing-key{margin-top:14px;padding:12px 14px;border:1px solid #2c3d50;border-radius:9px;background:#101a27;display:flex;flex-wrap:wrap;gap:7px 14px;color:#92a5b8;font-size:10px;line-height:1.45}.ageing-key>strong{color:#dce7f1;letter-spacing:.6px;text-transform:uppercase}.ageing-key span{white-space:nowrap}.ageing-key b{color:#c8d5e1}.donut-layout{display:flex;align-items:center;gap:25px}.donut-svg{width:165px;max-width:45%;flex:0 0 165px;overflow:visible}.donut-center{fill:#eff5fa;font:800 15px 'Manrope',sans-serif}.donut-subtitle{fill:#8497aa;font:10px 'DM Sans',sans-serif}.donut-path{cursor:pointer;transition:opacity .15s}.donut-path:hover{opacity:.76}.donut-path.passive{cursor:default}.pipeline-age-donut{width:190px;flex-basis:190px}.age-legend{flex:1;display:flex;flex-direction:column;gap:7px;min-width:0}.age-legend button{display:flex;justify-content:space-between;align-items:center;gap:6px;padding:8px 5px;background:none;border:0;border-bottom:1px solid #273747;color:#bac9d6;text-align:left;font-size:11px}.age-legend button:hover{color:var(--lime)}.age-legend i{display:inline-block;width:9px;height:9px;margin-right:7px;border-radius:3px}.age-legend strong{white-space:nowrap;font-size:11px;color:#e8f0f8}.age-legend-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 5px;border-bottom:1px solid #273747;color:#bac9d6;font-size:11px}.age-legend-row:last-child{border-bottom:0}.age-legend-row i{display:inline-block;width:9px;height:9px;margin-right:7px;border-radius:3px}.pipeline-age-legend{max-width:520px}
.age-buckets{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.age-card{border:1px solid #324355;background:#101b28;border-radius:11px;padding:20px}.age-card p{font-size:11px;color:#99acc0;margin:0}.age-card strong{font:800 30px 'Manrope',sans-serif;display:block;margin:15px 0 6px}.age-card small{color:#b1c0d0;font-size:11px}.table-wrap{overflow:auto;width:100%}table{width:100%;border-collapse:collapse;font-size:12px}th,td{padding:14px 11px;border-bottom:1px solid #2a3a4b;text-align:left}th{font-size:10px;text-transform:uppercase;letter-spacing:1px;color:#8096ab;font-weight:800;white-space:nowrap}td{color:#b7c7d6}td:first-child{color:#edf3fa;font-weight:700}th.num,td.num{text-align:right}tbody tr:hover{background:#213044}.table-footer{font-size:11px;color:#8497ab;margin:15px 0 0}.deal-register-footer{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:15px}.deal-register-footer .table-footer{margin:0}.deal-pagination{display:flex;align-items:center;gap:9px;color:#8fa2b6;font-size:10px;white-space:nowrap}.deal-pagination button{padding:7px 10px;border:1px solid #32475a;border-radius:7px;background:#111c29;color:#c9d7e4;font-size:10px}.deal-pagination button:hover:not(:disabled){border-color:#6e879e;color:#fff}.deal-pagination button:disabled{opacity:.38;cursor:default}.notice{background:#2c2b25;border:1px solid #6a5c3a;border-radius:10px;padding:12px 16px;color:#f4dc9b;margin:-20px 0 24px;font-size:12px}.status-pill{display:inline-block;border-radius:50px;padding:4px 9px;background:#293e32;color:#bde88d;font-weight:700;font-size:11px}
.overlay{position:fixed;inset:0;z-index:20;display:flex;justify-content:flex-end}.overlay-backdrop{position:absolute;inset:0;background:#04080dbb;border:0}.drawer{position:relative;z-index:1;background:#15202e;width:min(960px,94vw);height:100vh;padding:30px;display:flex;flex-direction:column;border-left:1px solid #405366;box-shadow:-30px 0 80px #0009}.drawer-header{display:flex;justify-content:space-between;gap:16px;align-items:start;margin-bottom:27px}.drawer-header h2{font:800 25px 'Manrope',sans-serif;margin:10px 0}.drawer-header button{background:#29384a;color:#e9f0f8;border:1px solid #42546c;border-radius:8px;padding:9px 12px}.drawer-controls{display:flex;gap:12px;align-items:center;margin-bottom:16px}.drawer-controls label{font-size:12px;color:#a7bbcf;white-space:nowrap}.drawer-controls input{max-width:350px;padding:11px 13px}.drawer .table-wrap{flex:1}.drawer td,.drawer th{white-space:nowrap;padding:13px 12px}.drawer th:not(:first-child),.drawer td:not(:first-child){text-align:right}
@media(max-width:1260px){.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.donut-layout{gap:12px}.donut-svg{width:125px;flex-basis:125px}.bar-row{grid-template-columns:95px 1fr 75px;gap:8px}}
@media(max-width:980px){.two-columns{grid-template-columns:1fr}.finance-bottom .panel:nth-child(1){grid-column:auto}.account-grid{grid-template-columns:1fr 1fr}.sidebar{width:225px}.sidebar .brand>span{font-size:9px}main{margin-left:225px;padding:32px 26px}.header{align-items:start;flex-direction:column}.donut-svg{width:165px;flex-basis:165px}}
@media(max-width:900px){.bank-connect-form{grid-template-columns:1fr;min-width:min(420px,100%);width:100%}}@media(max-width:650px){.deal-register-footer{align-items:flex-start;flex-direction:column}.deal-pagination{width:100%;justify-content:space-between}.sidebar{width:auto;position:static;padding:18px 16px}.sidebar .brand .logo{font-size:29px}.sidebar .nav-heading,.sidebar-bottom{display:none}.sidebar nav{display:flex;margin-top:20px;gap:6px}.nav{font-size:10px;gap:5px;padding:10px 7px}.nav-icon{font-size:16px}.sidebar nav button{flex:1}main{margin:0;padding:25px 16px}.header{margin-bottom:28px}.header h1{font-size:28px}.header-actions{justify-content:space-between;width:100%}.metrics{gap:10px}.metric{padding:18px 15px;min-height:145px}.metric strong{font-size:24px;white-space:normal}.metric p{font-size:9px}.panel{padding:21px 17px;min-height:220px}.panel-top{gap:10px}.panel h3{font-size:15px}.bar-row{grid-template-columns:90px 1fr 75px}.connection{flex-direction:column;align-items:stretch}.account-grid{grid-template-columns:1fr}.donut-layout{flex-wrap:wrap}.donut-svg{max-width:none}.age-buckets{grid-template-columns:1fr 1fr}.drawer{padding:22px 14px}.login-panel{padding:32px 26px}}