@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@600;700&display=swap";*{box-sizing:border-box}body{color:#252b4b;background:#f5f6fa;margin:0;font-family:DM Sans,sans-serif}button,input{font:inherit}.shell{min-height:100vh}.sidebar{color:#fff;z-index:30;background:#17235c;width:250px;padding:20px 16px;position:fixed;inset:0 auto 0 0}.brand{align-items:center;gap:10px;height:55px;font-family:Manrope;display:flex}.brand i{background:linear-gradient(145deg,#7688e6,#f58a76);border-radius:10px;place-items:center;width:32px;height:32px;font-style:normal;display:grid}.brand span{color:#aeb7e1;font-weight:500}.sidebar nav,.sidebar nav>span{flex-direction:column;display:flex}.sidebar nav small{color:#7f8ab8;letter-spacing:.14em;margin:22px 10px 7px;font-size:9px}.sidebar a{color:#afb7d7;border-radius:9px;align-items:center;gap:11px;padding:11px;font-size:13px;text-decoration:none;display:flex}.sidebar a.active{color:#fff;background:#ffffff12;box-shadow:inset 3px 0 #f18471}.help{border:1px solid #ffffff15;border-radius:12px;padding:14px;font-size:11px;position:absolute;bottom:20px;left:18px;right:18px}.help p{color:#929bc1;font-size:9px}.content{margin-left:250px}.top{background:#fff;border-bottom:1px solid #e7e9f1;justify-content:space-between;align-items:center;height:82px;padding:0 34px;display:flex}.top h1{font:700 19px Manrope}.topactions,.buttons{align-items:center;gap:10px;display:flex}.search,.buttons button,.account footer button{color:#68708d;background:#fff;border:1px solid #e1e3ec;border-radius:9px;align-items:center;gap:7px;height:38px;padding:0 12px;font-size:10px;display:flex}.sync{color:#419a78;font-size:9px}.modes{background:#f0f1f6;border-radius:8px;padding:3px}.modes button{color:#9296a9;background:0 0;border:0;padding:6px 9px;font-size:9px}.modes button.on{color:#29335f;background:#fff;border-radius:6px}.avatar{color:#5263ba;background:#e8ebfa;border-radius:10px;place-items:center;width:34px;height:34px;font-size:10px;display:grid}.menub{background:0 0;border:0;display:none}main{max-width:1450px;margin:auto;padding:34px}.title{justify-content:space-between;align-items:flex-end;margin-bottom:28px;display:flex}.title small,.chart small,.insight small{color:#747ca2;letter-spacing:.13em;font-size:9px;font-weight:700}.title h2{margin:5px 0 0;font:700 27px Manrope}.title p{color:#85899f;margin:7px 0 0;font-size:12px}.primary{box-shadow:0 5px 12px #5269d833;color:#fff!important;background:#5269d8!important;border:0!important}.panel{background:#fff;border:1px solid #e7e9f1;border-radius:13px;box-shadow:0 5px 18px #17235c08}.metrics,.summary{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.card{padding:20px}.card p,.total p,.account p{color:#83889e;margin:0 0 12px;font-size:11px}.card strong{font:700 23px Manrope;display:block}.card small,.total small,.account small{color:#aaaebe;font-size:8px}.dashgrid{grid-template-columns:2fr .8fr;gap:17px;margin-top:17px;display:grid}.chart{height:330px;padding:22px}.chart h3,.insight h3{font:700 15px Manrope}.chart svg{width:100%;height:230px}.insight{color:#fff;background:linear-gradient(145deg,#1e2d69,#293879);border-radius:13px;padding:27px}.insight small{color:#a6b0e5}.insight h3{margin-top:70px;font-size:19px}.insight p{color:#bac1df;font-size:11px;line-height:1.7}.spin{animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.table{margin-top:17px;overflow:hidden}.toolbar{border-bottom:1px solid #e8eaf1;align-items:center;gap:18px;height:66px;padding:0 20px;display:flex}.toolbar>div{gap:18px;display:flex}.toolbar button{color:#858aa0;background:0 0;border:0;font-size:10px}.toolbar button.active{color:#4c5fbb;font-weight:700}.toolbar label{border:1px solid #e2e4ec;border-radius:8px;align-items:center;gap:7px;width:210px;height:36px;margin-left:auto;padding:0 9px;display:flex}.toolbar input{border:0;outline:0;width:100%;font-size:10px}.thead,.trow{grid-template-columns:110px 1.5fr 1.2fr 110px 110px;align-items:center;gap:10px;padding:0 20px;display:grid}.thead{color:#a2a5b4;text-transform:uppercase;background:#fafbfc;height:38px;font-size:8px}.trow{border-top:1px solid #eff0f5;min-height:66px;font-size:9px}.trow b{font-size:10px}.trow i{background:#f1f2f7;border-radius:6px;padding:5px 8px;font-style:normal}.trow>strong{text-align:right}.green{color:#399474}.status{border:0;border-radius:7px;justify-content:space-between;padding:6px 8px;font-size:8px;display:flex}.valid{color:#408e70;background:#ebf7f2}.review{color:#ae7b2f;background:#fff5df}.total{grid-template-columns:50px 1fr 1fr;align-items:center;padding:24px;display:grid}.total>svg{color:#596ccc}.total>div{flex-direction:column;display:flex}.total strong{font:700 25px Manrope}.total aside{color:#479675;border-left:1px solid #e6e8ef;padding-left:30px;font-size:10px}.sectionh{margin-top:28px;font:700 15px Manrope}.accounts{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.account{padding:20px}.account header{align-items:center;gap:10px;display:flex}.account header i{color:#fff;background:#685ca9;border-radius:10px;place-items:center;width:38px;height:38px;font-style:normal;font-weight:700;display:grid}.account header span{color:#408f72;background:#edf8f4;border-radius:6px;padding:5px 8px;font-size:8px}.account>p{margin-top:18px;margin-bottom:4px}.account h3{margin:0;font:700 13px Manrope}.account hr{border:0;border-top:1px solid #eceef3;margin:18px 0}.account>strong{margin-top:4px;font:700 22px Manrope;display:block}.account footer{background:#fafbfc;justify-content:flex-end;gap:7px;margin:18px -20px -20px;padding:10px 20px;display:flex}.account form{gap:8px;margin-top:8px;display:flex}.account input{border:1px solid #ddd;border-radius:8px;height:38px;padding:8px}.empty{color:#6474c5;align-content:center;place-items:center;height:420px;display:grid}.shade{display:none}@media (width<=820px){.sidebar{transition:all .2s;transform:translate(-100%)}.sidebar.open{transform:none}.shade{z-index:20;background:#17203f88;border:0;display:block;position:fixed;inset:0}.content{margin-left:0}.menub{display:block}.top{height:68px;padding:0 16px}.top h1{font-size:16px}.search span,.sync,.topactions>svg{display:none}main{padding:24px 18px}.metrics,.summary,.accounts,.dashgrid{grid-template-columns:1fr}.title{flex-direction:column;align-items:stretch;gap:17px}.thead,.trow{grid-template-columns:90px 1fr 100px}.thead span:nth-child(3),.thead span:nth-child(4),.trow>span:nth-child(3),.trow>.status{display:none}.total{grid-template-columns:45px 1fr}.total aside{border-top:1px solid #eee;border-left:0;grid-column:1/-1;margin-top:18px;padding:15px 0 0}}.auth-loading{color:#fff;background:#17235c;place-items:center;min-height:100vh;font:700 28px Manrope;display:grid}.auth-page{background:#fff;grid-template-columns:1fr 1fr;max-width:none;min-height:100vh;margin:0;padding:0;display:grid}.auth-card{width:min(440px,100%);margin:auto;padding:45px}.auth-brand{color:#17235c;margin-bottom:80px}.auth-card>small{color:#737ca5;letter-spacing:.13em;font-size:9px}.auth-card h1{color:#192153;margin:9px 0 15px;font:700 39px/1.15 Manrope}.auth-card>p{color:#7e839a;font-size:12px}.auth-card form{flex-direction:column;gap:14px;margin-top:28px;display:flex}.auth-card label{color:#60677f;flex-direction:column;gap:6px;font-size:10px;font-weight:600;display:flex}.auth-card input{border:1px solid #dfe2eb;border-radius:9px;outline:0;height:42px;padding:0 12px}.auth-card form button{border-radius:9px;justify-content:center;align-items:center;gap:8px;height:43px;display:flex}.auth-error{color:#ad4d43;background:#fff0ee;border-radius:8px;padding:9px;font-size:10px}.auth-visual{color:#fff;background:radial-gradient(circle at 70% 75%,#f08b7555,#0000 30%),linear-gradient(145deg,#1d2b68,#111944);border-radius:20px;flex-direction:column;justify-content:center;align-items:center;min-height:calc(100vh - 30px);margin:15px;display:flex}.auth-visual span{color:#aeb7df;font-size:13px}.auth-visual b{margin-top:6px;font:700 32px Manrope}