@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap";:root{font-family:DM Sans,sans-serif;color:#17233d;background:#fff;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px}.app-shell{overflow:hidden}.topbar{height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 7.5%;border-bottom:1px solid #edf0f5;background:#fff}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:#17233d;font:800 20px Manrope,sans-serif;letter-spacing:-.8px}.brand-mark{width:34px;height:34px;border-radius:11px;background:linear-gradient(145deg,#4169e1,#233b83);display:grid;place-items:center;color:#fff;font:800 19px Manrope;box-shadow:0 5px 14px #304f9c33}.brand-light{font-weight:500;color:#6680b5;margin-left:3px}.nav-links{display:flex;gap:34px}.nav-links button,.text-button{border:0;background:none;color:#59657a;font:600 13px DM Sans;cursor:pointer}.nav-links button:hover,.text-button:hover{color:#3156b5}.login-button{border:1px solid #dce3f0;border-radius:9px;padding:11px 17px;background:#fff;color:#243b75;font-weight:700;cursor:pointer}.login-button span{margin-left:9px}.hero{padding:86px 7.5% 75px;display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center;background:radial-gradient(ellipse at 82% 40%,#eef3ff 0,transparent 42%),linear-gradient(110deg,#fff 45%,#f8faff)}.hero-copy{max-width:590px}.eyebrow{font-size:10px;letter-spacing:1.8px;font-weight:800;color:#5573bd;display:flex;align-items:center;gap:9px}.pulse{width:7px;height:7px;border-radius:50%;background:#36b98a;box-shadow:0 0 0 4px #36b98a20}.hero h1{font:800 clamp(43px,5vw,65px)/1.1 Manrope,sans-serif;letter-spacing:-3px;color:#14213c;margin:23px 0 19px}.hero h1 em{font-style:normal;color:#4165c3}.hero-lead{font-size:16px;line-height:1.8;color:#65728a;max-width:500px}.hero-actions{display:flex;align-items:center;gap:25px;margin-top:32px}.primary-button{border:0;border-radius:9px;padding:15px 20px;background:linear-gradient(110deg,#3e62c3,#2d4898);color:#fff;font-weight:700;box-shadow:0 9px 22px #3155ad35;cursor:pointer}.primary-button span{margin-left:18px}.text-button{font-size:13px}.text-button span{margin-left:8px}.trust-line{font-size:10px;color:#8792a7;margin-top:34px}.trust-line span{color:#3baf8b;margin-right:5px}.hero-visual{position:relative;min-height:390px;display:flex;align-items:center;justify-content:center}.visual-glow{position:absolute;width:390px;height:390px;border-radius:50%;background:#dfe8ff;filter:blur(50px);opacity:.8}.dashboard-card{position:relative;width:min(100%,480px);padding:25px;border:1px solid #e3e9f4;border-radius:17px;background:#fff;box-shadow:0 24px 65px #1c376019}.dash-head{display:flex;justify-content:space-between;align-items:center}.dash-head small,.metric small,.chart-title small{font-size:8px;letter-spacing:1px;color:#9aa5b8;font-weight:700}.dash-head h3{font:700 17px Manrope;margin:7px 0 0}.live-tag{font-size:8px;color:#269d7c;background:#eaf8f3;padding:7px 9px;border-radius:20px}.metric-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:22px}.metric{background:#f7f9fd;border-radius:9px;padding:14px}.metric strong{display:block;font:800 25px Manrope;color:#263d79;margin:6px 0}.metric span{font-size:9px;color:#a0aabc}.chart-panel{margin-top:15px;padding:14px;border:1px solid #edf0f6;border-radius:10px}.chart-title{display:flex;justify-content:space-between;font-size:10px;font-weight:700;color:#596780}.chart-bars{height:85px;display:flex;align-items:end;gap:9px;margin-top:13px;border-bottom:1px solid #edf0f6}.chart-bars i{flex:1;border-radius:4px 4px 0 0;background:linear-gradient(180deg,#7795e6,#dce5fb)}.chart-labels{display:flex;justify-content:space-between;margin-top:7px;color:#a5aec0;font-size:7px}.floating-note{position:absolute;bottom:2px;left:-16px;background:#fff;border:1px solid #e9edf5;box-shadow:0 12px 30px #1c37601a;padding:12px 15px;border-radius:10px;display:flex;gap:10px;align-items:center}.note-icon{width:27px;height:27px;display:grid;place-items:center;border-radius:8px;background:#e9f8f2;color:#28a37e}.floating-note strong,.floating-note small{display:block}.floating-note strong{font-size:10px}.floating-note small{font-size:9px;color:#8a96aa;margin-top:4px}.stats-strip{padding:25px 7.5%;background:#f8faff;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #eef1f7;border-bottom:1px solid #eef1f7}.stats-strip div{display:flex;align-items:center;gap:13px;border-right:1px solid #e6ebf4;padding-left:25px}.stats-strip div:first-child{padding-left:0}.stats-strip div:last-child{border:0}.stats-strip strong{font:800 19px Manrope;color:#4869c0}.stats-strip span{font-size:11px;color:#6c7890}.modules-section{padding:83px 7.5% 90px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:35px}.section-heading h2,.institution-band h2{font:800 34px Manrope;letter-spacing:-1.3px;margin:12px 0 0;color:#172541}.section-heading>p{max-width:370px;color:#78849a;font-size:12px;line-height:1.8;margin:0}.module-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.module-card{position:relative;padding:25px;border:1px solid #e8edf5;border-radius:13px;min-height:175px;transition:.2s}.module-card:hover{transform:translateY(-3px);box-shadow:0 15px 30px #1b37600d;border-color:#cbd7f0}.module-icon{width:37px;height:37px;border-radius:10px;background:#edf2ff;color:#4163bb;display:grid;place-items:center;font-size:20px}.module-number{position:absolute;right:24px;top:26px;color:#b9c4d8;font:700 11px Manrope}.module-card h3{font:700 15px Manrope;margin:19px 0 7px}.module-card p{font-size:11px;line-height:1.6;color:#8792a5;margin:0;max-width:240px}.module-arrow{position:absolute;right:23px;bottom:22px;color:#6480c7}.institution-band{margin:0 7.5% 75px;padding:43px 48px;border-radius:16px;background:linear-gradient(110deg,#17294f,#294783);display:flex;align-items:center;justify-content:space-between;gap:30px;color:#fff}.institution-band .eyebrow{color:#a9bff7}.institution-band h2{color:#fff;font-size:29px}.institution-band p{max-width:580px;color:#c2cde3;font-size:12px;line-height:1.8}.light-button{background:#fff;border:0;border-radius:8px;padding:14px 19px;color:#294783;font-weight:700;white-space:nowrap;cursor:pointer}.light-button span{margin-left:14px}footer{padding:24px 7.5%;border-top:1px solid #edf0f5;display:flex;align-items:center;justify-content:space-between;gap:15px}footer .brand{font-size:15px}footer .brand-mark{width:27px;height:27px;font-size:15px}footer>span{font-size:9px;color:#9aa4b5}.modal-backdrop{position:fixed;inset:0;background:#101b35a8;display:grid;place-items:center;padding:20px;z-index:10}.login-modal{position:relative;background:#fff;border-radius:16px;padding:34px;width:min(100%,410px);box-shadow:0 25px 70px #0003}.login-modal>.brand-mark{margin-bottom:20px}.close-modal{position:absolute;right:17px;top:12px;border:0;background:none;font-size:25px;color:#7b879a;cursor:pointer}.login-modal h2{font:800 27px Manrope;margin:9px 0 5px}.login-modal>p{font-size:12px;color:#8590a4;margin:0 0 24px}.login-modal form{display:grid;gap:9px}.login-modal label{font-size:10px;font-weight:700;color:#53617b;margin-top:7px}.login-modal input{border:1px solid #dfe5ef;border-radius:8px;padding:13px;font:13px DM Sans;outline:none}.login-modal input:focus{border-color:#5b79ca}.full-button{margin-top:13px}.full-button:disabled{opacity:.7}.notice{margin-top:13px;padding:10px;border-radius:8px;background:#f1f5ff;color:#3e5ca5;font-size:11px;line-height:1.5}.modal-foot{display:block;text-align:center;color:#a0aabc;font-size:9px;margin-top:19px}@media(max-width:850px){.topbar{padding:0 5%}.nav-links{gap:13px}.hero{padding:65px 5%;grid-template-columns:1fr;gap:30px}.hero-copy{max-width:680px}.hero-visual{min-height:370px}.stats-strip{padding:20px 5%;grid-template-columns:1fr 1fr;gap:17px}.stats-strip div{padding-left:0;border:0}.modules-section{padding:65px 5%}.module-grid{grid-template-columns:1fr 1fr}.institution-band{margin:0 5% 55px;padding:32px}.section-heading{align-items:start;flex-direction:column}}@media(max-width:560px){.topbar{height:70px}.nav-links{display:none}.hero h1{font-size:46px;letter-spacing:-2px}.hero-actions{align-items:flex-start;flex-direction:column;gap:17px}.hero-visual{min-height:330px}.dashboard-card{padding:17px}.floating-note{left:-5px;bottom:-2px}.module-grid{grid-template-columns:1fr}.institution-band{align-items:flex-start;flex-direction:column}.institution-band h2{font-size:25px}footer{flex-wrap:wrap}footer>span:last-child{display:none}}.workspace-page{min-height:100vh;background:#f7f9fd}.setup-wrap{padding:55px 20px 80px;display:flex;justify-content:center}.setup-card{width:min(100%,570px);padding:38px;background:#fff;border:1px solid #e6ebf4;border-radius:17px;box-shadow:0 18px 55px #20375d0d}.setup-card h1,.dashboard-welcome h1{font:800 32px/1.2 Manrope,sans-serif;letter-spacing:-1.2px;color:#172541;margin:13px 0}.setup-intro{font-size:13px;line-height:1.75;color:#78849a;margin:0 0 25px}.setup-form{display:grid;gap:9px}.setup-form label{font-size:11px;font-weight:700;color:#53617b;margin-top:8px}.setup-form input{width:100%;border:1px solid #dfe5ef;border-radius:8px;padding:13px;font:13px DM Sans;outline:none}.setup-form input:focus{border-color:#5b79ca}.setup-divider{font-size:9px;font-weight:800;letter-spacing:1.5px;color:#7185b5;border-top:1px solid #edf0f6;padding-top:20px;margin-top:12px}.setup-form .full-button{margin-top:18px}.dashboard-wrap{max-width:1180px;margin:auto;padding:55px 28px 90px}.workspace-user{margin-left:auto;margin-right:20px;color:#718097;font-size:11px}.dashboard-welcome{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:28px}.dashboard-welcome h1{margin-bottom:7px}.dashboard-welcome p{margin:0;color:#7d899e;font-size:13px}.admin-tag{padding:8px 12px;border-radius:20px;background:#eaf8f3;color:#218565;font-size:9px;font-weight:800;letter-spacing:.7px;white-space:nowrap}.dashboard-notice{display:flex;flex-direction:column;gap:7px;padding:17px 19px;background:#eef4ff;border:1px solid #dce7ff;border-radius:11px;color:#36549c;font-size:12px;line-height:1.6}.dashboard-notice strong{font-size:13px}.dashboard-section-title{font:800 20px Manrope;color:#172541;margin:38px 0 19px}.module-status{display:inline-block;margin-top:13px;color:#8b96a9;font-size:9px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}@media(max-width:560px){.setup-wrap{padding:25px 14px 50px}.setup-card{padding:25px 20px}.setup-card h1,.dashboard-welcome h1{font-size:27px}.dashboard-wrap{padding:35px 16px 60px}.dashboard-welcome{align-items:flex-start;flex-direction:column}.workspace-user{display:none}}.module-active{cursor:pointer;border-color:#cbd8f4;background:linear-gradient(145deg,#fff,#f7f9ff)}.module-active .module-status{color:#4163bb}.back-link{border:0;background:none;color:#5871b5;font:600 12px DM Sans;cursor:pointer;padding:0;margin-bottom:25px}.clients-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:25px}.clients-heading h1{font:800 32px Manrope;letter-spacing:-1px;color:#172541;margin:10px 0 6px}.clients-heading p{font-size:12px;color:#7d899e;margin:0}.client-form{background:#fff;border:1px solid #e5eaf3;border-radius:13px;padding:24px;margin:22px 0;box-shadow:0 10px 30px #20375d08}.client-form h2{font:700 17px Manrope;margin:0 0 17px;color:#203052}.client-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px 16px;margin-bottom:18px}.client-form-grid label{display:grid;gap:7px;font-size:10px;font-weight:700;color:#53617b}.client-form-grid input,.client-form-grid select,.client-toolbar input{width:100%;border:1px solid #dfe5ef;border-radius:8px;padding:11px 12px;font:12px DM Sans;color:#263653;background:#fff;outline:none}.client-form-grid input:focus,.client-form-grid select:focus,.client-toolbar input:focus{border-color:#5b79ca}.client-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:26px 0 13px}.client-toolbar>div{font-size:12px;color:#8290a5}.client-toolbar strong{font:800 21px Manrope;color:#263d79}.client-toolbar input{max-width:340px}.client-table-wrap{overflow-x:auto;background:#fff;border:1px solid #e7ecf4;border-radius:12px}.client-table{width:100%;border-collapse:collapse;min-width:650px;text-align:left}.client-table th{background:#f7f9fd;color:#78859a;font-size:9px;text-transform:uppercase;letter-spacing:.7px;padding:14px 16px}.client-table td{padding:15px 16px;border-top:1px solid #eef1f6;color:#53617a;font-size:11px}.client-table td strong{color:#263653}.kyc-badge{display:inline-block;padding:5px 9px;border-radius:20px;font-size:9px;font-weight:700;text-transform:capitalize}.kyc-pending{background:#fff5df;color:#a36c12}.kyc-verified{background:#e8f7f0;color:#218565}.kyc-rejected{background:#fff0ef;color:#b34a43}.empty-clients{text-align:center!important;padding:35px!important;color:#8b96a9!important;line-height:1.6}.client-footnote{font-size:10px;color:#929db0;line-height:1.6;margin-top:15px}@media(max-width:600px){.clients-heading{align-items:flex-start;flex-direction:column}.client-form-grid{grid-template-columns:1fr}.client-toolbar{align-items:stretch;flex-direction:column}.client-toolbar input{max-width:none}}.loan-product-note{display:flex;flex-direction:column;gap:5px;padding:13px 15px;margin:5px 0 18px;background:#f2f6ff;border:1px solid #e0e9fc;border-radius:9px;color:#49619a;font-size:11px}.loan-product-note strong{font-size:12px;color:#263d79}.loan-calculation{padding:20px;margin:8px 0 20px;border:1px solid #e5eaf3;border-radius:11px;background:#fbfcff}.loan-calculation h3{font:700 15px Manrope;color:#203052;margin:0 0 15px}.loan-calc-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.loan-calc-grid>div{display:flex;flex-direction:column;gap:5px;padding:12px;background:#fff;border:1px solid #edf0f6;border-radius:8px}.loan-calc-grid span{font-size:10px;color:#7e8aa0}.loan-calc-grid strong{font:700 14px Manrope;color:#263d79;overflow-wrap:anywhere}.loan-calc-grid small{font-size:9px;color:#9aa4b5}.loan-calculation>p{font-size:10px;line-height:1.6;color:#929db0;margin:14px 0 0}.loan-status{display:inline-block;padding:5px 9px;border-radius:20px;background:#fff5df;color:#a36c12;font-size:9px;font-weight:700;text-transform:capitalize}.loan-table{min-width:900px}@media(max-width:600px){.loan-calc-grid{grid-template-columns:1fr}.loan-calculation{padding:14px}}.module-card{padding:116px 25px 25px;min-height:265px;overflow:hidden;background:#fff}.module-photo{position:absolute;inset:0 0 auto;width:100%;height:96px;object-fit:cover;display:block}.module-card:after{content:"";position:absolute;inset:58px 0 auto;height:38px;background:linear-gradient(180deg,transparent,#fff);pointer-events:none}.module-icon{position:relative;z-index:1;box-shadow:0 5px 16px #17294f12}.module-number{top:111px}.module-card h3{margin-top:17px}.module-status{position:relative;z-index:1}.module-card p{max-width:270px}.group-visual{width:100%;height:180px;object-fit:cover;border-radius:14px;margin:8px 0 24px;display:block;box-shadow:0 12px 28px #1b376018}.hero-visual{background-image:linear-gradient(135deg,#eef3ff88,#fff0),url(https://images.unsplash.com/photo-1460925895917-afdab827c52f?auto=format&fit=crop&w=1200&q=80);background-size:cover;background-position:center;border-radius:22px}.hero-visual .dashboard-card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffed}@media(max-width:700px){.module-grid{grid-template-columns:1fr 1fr}.module-card{padding:105px 16px 20px;min-height:250px}.module-photo{height:88px}.module-number{top:101px}.group-visual{height:135px}}@media(max-width:460px){.module-grid{grid-template-columns:1fr}.module-card{min-height:235px}}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin:24px 0}.stat-card{background:#fff;border:1px solid #e7ecf4;border-radius:12px;padding:18px 19px;min-width:0}.stat-card span{display:block;color:#77849a;font-size:11px;font-weight:600;margin-bottom:9px}.stat-card strong{display:block;color:#243d7c;font:800 clamp(17px,2vw,23px) Manrope,sans-serif;overflow-wrap:anywhere}@media(max-width:760px){.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:390px){.stats-grid{gap:8px}.stat-card{padding:13px}.stat-card strong{font-size:16px}}
