@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');

*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:'DM Sans',Arial,sans-serif;color:#24283a;background:#f8f9fc}button,input,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.55;cursor:wait}a{color:inherit}.app-shell{display:flex;min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:258px;background:#fff;border-right:1px solid #eceef2;display:flex;flex-direction:column;z-index:40;padding:27px 16px 16px}.brand{display:flex;align-items:center;gap:11px;padding:1px 11px 31px}.brand-mark{width:36px;height:36px;display:grid;place-items:center;border-radius:11px;background:#6d55dc;color:#fff;font:800 22px Manrope;box-shadow:0 7px 15px #6d55dc2e}.brand strong{display:block;font:800 21px Manrope;letter-spacing:-1px;line-height:1.1}.brand small{display:block;color:#8e92a0;font-size:9px;font-weight:800;letter-spacing:2.2px;margin-top:3px}.workspace{height:64px;border:1px solid #e9eaf0;border-radius:12px;display:flex;align-items:center;gap:10px;padding:10px;margin-bottom:37px;box-shadow:0 2px 8px #20243b05}.workspace-icon{width:37px;height:37px;display:grid;place-items:center;background:#f0edff;color:#6d55dc;border-radius:10px}.workspace strong,.profile strong{display:block;font-size:12px;font-weight:800}.workspace small,.profile small{display:block;font-size:10px;color:#9ba0ac;margin-top:3px}.workspace>svg{margin-left:auto;color:#9ba0ac}.nav-caption{font-size:10px;color:#a5a9b5;font-weight:800;letter-spacing:1.7px;margin:0 12px 13px}.sidebar nav{display:grid;gap:5px}.nav-item{display:flex;align-items:center;gap:13px;width:100%;border:0;background:transparent;color:#7f8492;padding:13px 15px;text-align:left;border-radius:10px;font-size:13px;font-weight:700}.nav-item.active{background:#f0edff;color:#694cdb}.nav-item:hover{background:#f6f4ff;color:#694cdb}.sidebar-bottom{margin-top:auto}.secure-note{display:flex;gap:11px;align-items:center;background:#f5f3ff;padding:15px 11px;border-radius:12px;color:#7055db;margin-bottom:18px}.secure-note strong{font-size:11px;display:block}.secure-note small{display:block;font-size:10px;color:#9c91c4;margin-top:3px}.profile{display:flex;align-items:center;gap:9px;border:0;border-top:1px solid #eef0f3;background:#fff;width:100%;padding:17px 4px 1px;text-align:left}.profile>svg{margin-left:auto;color:#a0a5b1}.avatar{width:36px;height:36px;border-radius:50%;background:#eee9ff;color:#6e55db;display:grid;place-items:center;font-weight:800;font-size:15px;flex:none}.avatar.mini{width:31px;height:31px;font-size:12px}.main{margin-left:258px;width:calc(100% - 258px);min-width:0}.topbar{height:75px;background:#fff;border-bottom:1px solid #eceef2;display:flex;align-items:center;justify-content:space-between;padding:0 38px}.breadcrumb{color:#9aa0ad;font-size:13px}.breadcrumb span{padding:0 11px;color:#d3d6df}.breadcrumb strong{color:#313747;font-weight:700}.top-actions{display:flex;align-items:center;gap:25px}.today{display:flex;align-items:center;gap:8px;color:#7e8491;font-size:12px}.content{max-width:1510px;margin:auto;padding:37px 38px 70px}.page-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:29px}.eyebrow{margin:0 0 9px;color:#785ee9;font-size:10px;font-weight:800;letter-spacing:2px}.page-head h1{font:800 clamp(25px,2.4vw,31px) Manrope;letter-spacing:-1.3px;margin:0 0 7px}.page-head p:last-child{color:#969baa;font-size:13px;margin:0}.wave{color:#f5ae50;font-size:24px}.primary-btn{border:0;background:#6f54de;color:#fff;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 17px;border-radius:9px;font-size:12px;font-weight:800;box-shadow:0 6px 15px #6f54de30;white-space:nowrap}.primary-btn:hover{background:#6045ce}.secondary-btn{border:1px solid #e6e8ee;background:#fff;border-radius:9px;padding:11px 16px;font-weight:700;font-size:12px;color:#757c8b}.kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:20px}.metric{min-height:168px;background:#fff;border:1px solid #eef0f3;border-radius:14px;padding:19px 19px 17px;position:relative;box-shadow:0 4px 22px #27345a08}.metric-icon{width:39px;height:39px;display:grid;place-items:center;border-radius:10px}.metric-icon.purple{color:#7756e3;background:#f1edff}.metric-icon.green{color:#1aad88;background:#e8faf3}.metric-icon.orange{color:#e9a44f;background:#fff4e6}.metric-icon.blue{color:#478fdc;background:#eaf4ff}.metric-arrow{position:absolute;right:20px;top:21px;color:#babec8}.metric p{font-size:11px;color:#8b91a0;margin:19px 0 6px}.metric strong{font:800 clamp(20px,1.9vw,27px) Manrope;letter-spacing:-1.3px;display:block;white-space:nowrap}.metric small{display:block;color:#a7acb8;font-size:10px;margin-top:5px}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(330px,1fr);gap:20px;margin-bottom:20px}.panel{border:1px solid #eef0f3;background:#fff;border-radius:14px;box-shadow:0 4px 22px #27345a06}.chart-panel,.upcoming{padding:23px 24px}.panel-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.panel-head h2{font:800 15px Manrope;margin:0 0 5px;letter-spacing:-.35px}.panel-head p{font-size:11px;color:#9ea4b1;margin:0}.pill{border:1px solid #e8eaf0;border-radius:7px;color:#7a8190;font-size:10px;font-weight:700;padding:8px 10px;white-space:nowrap}.chart-wrap{height:245px;margin:23px 0 5px}.legend{display:flex;gap:21px;justify-content:center;font-size:11px;color:#858b99}.legend span{display:flex;align-items:center;gap:6px}.dot{width:8px;height:8px;border-radius:50%}.dot.purple{background:#7257e8}.dot.green{background:#30b593}.icon-btn{border:1px solid #eceef2;background:#fff;width:32px;height:32px;border-radius:8px;display:grid;place-items:center;color:#858b99}.upcoming{display:flex;flex-direction:column}.upcoming-list{margin-top:14px}.upcoming-row{display:flex;align-items:center;gap:11px;padding:14px 0;border-bottom:1px solid #f0f1f4}.upcoming-row:last-child{border-bottom:0}.small-icon{width:36px;height:36px;display:grid;place-items:center;background:#f6f3ff;border-radius:9px;color:#8066e8;flex:none}.upcoming-row div{min-width:0}.upcoming-row strong{display:block;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.upcoming-row small{display:block;color:#a6aab6;font-size:10px;margin-top:4px}.upcoming-row b{margin-left:auto;font:800 11px Manrope;white-space:nowrap}.text-link{border:0;background:transparent;color:#7257e8;display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:800;padding:0}.upcoming>.text-link{margin-top:auto;padding-top:15px}.table-panel{overflow:hidden}.table-panel>.panel-head{padding:23px 24px 20px}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap}th{background:#fafbfc;color:#a5aab6;font-size:9px;letter-spacing:1.2px;font-weight:800;padding:13px 20px}td{border-top:1px solid #f1f2f5;padding:15px 20px;font-size:11px;color:#5d6473}td strong{font-weight:800;color:#333949}.investment-name{display:flex;align-items:center;gap:10px;min-width:170px}.investment-name strong{display:block;font-size:11px}.investment-name small{display:block;color:#a9aeba;font-size:10px;margin-top:4px}.investment-name a{display:inline-flex;align-items:center;gap:3px;color:#755bdc;text-decoration:none}.table-icon{width:34px;height:34px;border-radius:9px;background:#f0edff;color:#755bdf;display:grid;place-items:center}.table-sub{display:block;font-size:10px;color:#a7acb8;margin-top:4px}.status{display:inline-flex;align-items:center;gap:6px;border-radius:100px;padding:5px 9px;font-size:10px;font-weight:800}.status i{height:5px;width:5px;border-radius:50%;background:currentColor}.status.paid{background:#e6faf2;color:#16a879}.status.pending{background:#fff5e6;color:#e9a44f}.status.late{background:#fff0f0;color:#e26969}.row-actions{display:flex;align-items:center;gap:5px;justify-content:flex-end}.row-actions button{background:transparent;border:0;color:#9ea4b0;padding:5px}.row-actions .receive-btn{background:#f1edff;color:#6f54de;border-radius:7px;font-size:10px;font-weight:800;padding:7px 10px}.empty{text-align:center;padding:46px 16px;color:#a6acba}.empty span{width:48px;height:48px;border-radius:13px;background:#f4f1ff;color:#785ee4;display:grid;place-items:center;margin:0 auto 12px}.empty strong{display:block;color:#414858;font-size:13px}.empty p{font-size:11px;max-width:280px;margin:7px auto 0;line-height:1.5}.compact-stats{display:flex;gap:10px;margin-bottom:20px}.compact-stats span{background:#fff;border:1px solid #eef0f3;padding:9px 13px;border-radius:8px;color:#9096a4;font-size:11px}.compact-stats b{color:#6f54de}.toolbar{display:flex;gap:12px;justify-content:space-between;padding:18px 20px}.search{display:flex;align-items:center;gap:8px;border:1px solid #e8eaf0;border-radius:8px;padding:0 12px;color:#a7adba;max-width:340px;width:100%}.search input{height:37px;border:0;outline:0;width:100%;font-size:11px}.toolbar select{border:1px solid #e8eaf0;background:#fff;border-radius:8px;color:#69717f;padding:0 12px;font-size:11px}.users-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.user-card{background:#fff;border:1px solid #eceef2;border-radius:13px;padding:20px}.user-top{display:flex;justify-content:space-between;align-items:flex-start}.user-card h3{font:800 14px Manrope;margin:14px 0 3px}.user-card p{font-size:11px;color:#9ca2af;margin:0}.user-meta{border-top:1px solid #f1f2f5;border-bottom:1px solid #f1f2f5;margin:18px 0;padding:13px 0;display:grid;gap:8px;font-size:10px;color:#8c93a0}.user-meta span:first-child{display:flex;gap:6px;align-items:center}.user-actions{display:flex;gap:8px}.user-actions button{border:1px solid #e8eaf0;background:#fff;color:#6c7280;border-radius:7px;font-size:10px;font-weight:800;padding:8px 10px}.user-actions button:first-child{color:#6f54de;background:#f8f6ff;border-color:#f0ecff}.toast{display:flex;align-items:center;gap:8px;padding:11px 14px;border-radius:9px;margin-bottom:18px;font-size:12px}.toast.good{color:#118565;background:#e5f9f1}.toast.bad{color:#b34949;background:#fff0f0}.toast button{margin-left:auto;border:0;background:transparent;color:inherit}.modal-backdrop{position:fixed;inset:0;background:#17172b86;z-index:60;display:grid;place-items:center;padding:20px}.modal{width:min(560px,100%);max-height:calc(100vh - 40px);overflow:auto;background:#fff;border-radius:16px;padding:25px;box-shadow:0 25px 80px #12152842}.modal-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:23px}.modal-head h2{font:800 21px Manrope;margin:0}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-grid label,.auth-card label{display:grid;gap:7px;color:#515969;font-size:11px;font-weight:800}.form-grid .full{grid-column:1/-1}.form-grid input,.form-grid select,.auth-card input{width:100%;border:1px solid #e4e7ee;background:#fff;color:#32394a;border-radius:9px;padding:11px 12px;outline:0;font-size:12px}.form-grid input:focus,.form-grid select:focus,.auth-card input:focus{border-color:#7860e6;box-shadow:0 0 0 3px #7661e51c}.form-grid input[type=file]{font-size:10px;border:0;padding:8px 0}.upload-label{display:flex!important;align-items:flex-start;gap:10px;border:1px dashed #d7d1f7;background:#faf9ff;border-radius:9px;padding:13px;color:#7058d4!important}.upload-label span{display:grid;gap:3px}.upload-label small{font-size:10px;color:#a6a2bd;font-weight:400}.upload-label input{max-width:170px;margin-left:auto}.form-actions{display:flex;justify-content:flex-end;gap:10px;padding-top:6px}.form-error{color:#c95555;font-size:11px;margin:0}.hint{font-size:11px;color:#9da3af;margin:0}.receive-info{display:grid;gap:4px;background:#f8f7fd;border-radius:9px;padding:13px;font-size:11px;color:#8f93a0}.receive-info strong{color:#333747;font-size:13px}.loading{min-height:100vh;display:grid;place-content:center;text-align:center;color:#8e94a3;gap:13px}.loading .brand-mark{margin:auto}.auth-page{min-height:100vh;display:grid;grid-template-columns:49% 51%;background:#fff}.auth-aside{background:radial-gradient(circle at 82% 15%,#8773e1 0,transparent 35%),linear-gradient(145deg,#5139ad,#30226a);color:#fff;display:flex;flex-direction:column;padding:37px clamp(35px,5vw,75px);overflow:hidden}.brand.light{padding:0}.brand.light .brand-mark{background:#fff;color:#674dcc;box-shadow:none}.brand.light small{color:#c6bcef}.auth-copy{margin:auto 0;max-width:540px}.auth-kicker{font-size:10px;letter-spacing:2px;color:#c7c0ee;font-weight:800;display:flex;align-items:center;gap:9px}.auth-kicker span{height:7px;width:7px;border-radius:50%;background:#64dec6}.auth-copy h1{font:800 clamp(36px,4.3vw,61px)/1.14 Manrope;letter-spacing:-3px;margin:23px 0}.auth-copy h1 em{font-style:normal;color:#c9baff}.auth-copy>p{color:#d1cbef;font-size:14px;line-height:1.7;max-width:390px}.auth-art{border:1px solid #ffffff30;background:#ffffff12;border-radius:16px;padding:22px;margin-top:42px;backdrop-filter:blur(10px);max-width:410px}.art-top{display:flex;justify-content:space-between;align-items:center;color:#dbd4f5;font-size:10px;letter-spacing:1.5px;font-weight:800}.auth-art strong{display:block;font:800 25px/1.25 Manrope;margin:20px 0}.art-bars{height:95px;display:flex;align-items:end;gap:10px}.art-bars i{flex:1;border-radius:5px 5px 0 0;background:#ffffff52;height:42%}.art-bars i:nth-child(2){height:53%}.art-bars i:nth-child(3){height:45%}.art-bars i:nth-child(4){height:71%}.art-bars i:nth-child(5){height:61%}.art-bars i:nth-child(6){height:79%}.art-bars i:nth-child(7){height:70%}.art-bars i:nth-child(8){height:90%}.art-bars i:nth-child(9){height:100%;background:#b9a8ff}.auth-footer{color:#c0b7e7;font-size:10px}.auth-main{display:grid;place-items:center;padding:35px}.auth-card{width:min(390px,100%)}.auth-icon{width:49px;height:49px;background:#f1edff;color:#6d51dc;border-radius:13px;display:grid;place-items:center;margin-bottom:27px}.auth-card h2{font:800 29px Manrope;letter-spacing:-1.2px;margin:0 0 7px}.auth-description{font-size:12px;color:#a2a7b2;line-height:1.6;margin:0 0 28px}.auth-card form{display:grid;gap:17px}.auth-card input{padding:13px}.auth-submit{width:100%;margin-top:8px;padding:14px;justify-content:space-between;font-size:12px}.auth-help{display:flex;justify-content:center;gap:7px;align-items:center;color:#aaaeb9;font-size:10px;margin:23px 0 0}.mobile-toggle,.backdrop{display:none}
@media(max-width:1250px){.kpi-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}.users-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:780px){.sidebar{transform:translateX(-100%);transition:transform .2s}.sidebar.show{transform:translateX(0)}.backdrop{display:block;position:fixed;inset:0;border:0;background:#10132270;z-index:35}.main{margin:0;width:100%}.mobile-toggle{display:grid;place-items:center;border:0;background:transparent;padding:5px;margin-right:8px}.topbar{height:64px;padding:0 17px;justify-content:flex-start}.top-actions{margin-left:auto}.today{display:none}.content{padding:25px 16px 55px}.page-head{align-items:flex-start}.page-head p:last-child{max-width:400px;line-height:1.5}.auth-page{grid-template-columns:1fr}.auth-aside{display:none}.auth-main{min-height:100vh}}
@media(max-width:560px){.page-head{display:block}.page-head .primary-btn{margin-top:19px}.kpi-grid{gap:10px}.metric{min-height:140px;padding:13px}.metric p{margin-top:12px}.metric strong{font-size:17px;letter-spacing:-.6px}.metric small{font-size:9px}.metric-icon{width:34px;height:34px}.dashboard-grid{gap:12px}.chart-panel,.upcoming{padding:18px}.chart-wrap{height:210px}.panel-head h2{font-size:13px}.panel-head p{font-size:10px}.pill{display:none}.users-grid{grid-template-columns:1fr}.compact-stats{flex-wrap:wrap}.toolbar{padding:13px}.toolbar select{max-width:110px}.form-grid{grid-template-columns:1fr}.form-grid label{grid-column:1/-1}.form-actions{flex-wrap:wrap}.form-actions button{flex:1}.modal{padding:19px}.upload-label{flex-wrap:wrap}.upload-label input{margin-left:0;max-width:100%}}