@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");:root{font-family:DM Sans,Arial,sans-serif;color:#1a2640;background:#f7f8fa;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.5;cursor:wait}a{color:inherit;text-decoration:none}.appShell{display:flex;height:100dvh;min-height:650px;overflow:hidden}.side{width:255px;flex:none;background:#fff;border-right:1px solid #e9edf2;display:flex;flex-direction:column;padding:28px 16px 20px}.brand{font:800 29px Manrope;letter-spacing:-2px;color:#070638;padding:0 14px 5px}.brand span,.brandInverse span{color:#2baf87}.sideSub{font:700 9px Manrope;letter-spacing:2.1px;color:#9aa6b9;padding:0 16px 35px}.navGroupLabel{font-size:9px;color:#a2afbe;letter-spacing:1.7px;font-weight:800;margin:20px 13px 10px}.navButton{display:flex;align-items:center;gap:12px;border:0;background:transparent;width:100%;text-align:left;padding:12px 14px;color:#748198;border-radius:9px;font-size:12px;font-weight:700;margin:2px 0}.navButton.active{background:#f0f5fa;color:#1e3560}.navButton.active:before{content:"";position:absolute;margin-left:-14px;background:#284d92;width:3px;height:24px;border-radius:3px}.navButton:hover{background:#f5f7fb}.sideBottom{margin-top:auto;border-top:1px solid #edf0f3;padding:18px 9px 0}.statusDot{display:inline-block;width:7px;height:7px;background:#25ae83;border-radius:50%;margin-right:7px}.sideBottom small{font-size:10px;color:#97a3b6}.main{flex:1 1;min-width:0;display:flex;flex-direction:column}.topbar{height:73px;flex:none;background:#fff;border-bottom:1px solid #e8edf2;display:flex;align-items:center;justify-content:space-between;padding:0 34px}.breadcrumbs{font-size:12px;font-weight:700;color:#273e62}.breadcrumbs span{color:#a4b0c0;font-weight:500}.topRight{display:flex;align-items:center;gap:16px}.topIcon{border:0;background:transparent;color:#64728a;position:relative;padding:10px}.bubble{position:absolute;top:6px;right:7px;width:7px;height:7px;background:#e38261}.avatar,.bubble{border-radius:50%}.avatar{background:#1b335c;color:white;height:34px;width:34px;display:grid;place-items:center;font-size:11px;font-weight:800}.bellWrap{position:relative}.notifBox{position:absolute;right:0;top:45px;width:355px;background:#fff;border:1px solid #e5ebf2;box-shadow:0 12px 40px #102f501f;z-index:10;border-radius:12px;padding:16px}.notifBox h4{margin:0 0 10px;font-size:13px}.notif{border-top:1px solid #eef1f4;padding:13px 0;font-size:11px;color:#53617a;line-height:1.6}.content{padding:26px 34px 22px;overflow:auto;flex:1 1;min-height:0}.pageHeading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:23px;gap:12px}.eyebrow{color:#7790aa;letter-spacing:2px;font:800 10px Manrope}.pageHeading h1{font:800 27px Manrope;letter-spacing:-1.1px;margin:6px 0 3px;color:#132846}.muted{color:#8a98ac;font-size:12px;line-height:1.5;margin:0}.pill{border:1px solid #e2e8ee;padding:9px 13px;border-radius:6px;background:white;font-size:11px;color:#647790;font-weight:700}.metricGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:14px;gap:14px}.metric{background:white;border:1px solid #e7ebf1;border-radius:9px;padding:19px 20px}.metricLabel{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#7d8da3;font-weight:700}.metricValue{font:800 27px Manrope;letter-spacing:-1px;color:#172b49;margin:12px 0 6px}.metricFoot{font-size:10px;color:#8ca0b3}.twoCols{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(280px,1fr);grid-gap:14px;gap:14px;margin-top:14px}.panel{background:#fff;border:1px solid #e7ebf1;border-radius:9px;padding:21px;min-width:0}.panelTitle{font:800 13px Manrope;color:#20314f;display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:17px}.panelDesc{font-size:11px;color:#98a3b3;margin-top:-9px;margin-bottom:16px}.tabRow{display:flex;gap:6px}.tab{border:0;background:transparent;color:#9ba8b9;font-size:10px;font-weight:800;padding:7px 9px;border-radius:5px}.tab.selected{background:#edf3f9;color:#294e85}.chartArea{height:245px}.simpleTable{width:100%;border-collapse:collapse;font-size:11px;text-align:left}.simpleTable th{font-size:9px;text-transform:uppercase;letter-spacing:.8px;color:#94a1b1;padding:13px 8px;border-bottom:1px solid #eef1f5}.simpleTable td{padding:13px 8px;border-bottom:1px solid #f1f3f7;color:#54637a}.simpleTable strong{color:#243551}.progressTrack{height:7px;border-radius:10px;background:#eef3f6;overflow:hidden}.progressFill{height:100%;background:#476db4;border-radius:10px}.softNote{background:#f7f9fc;padding:13px 15px;border-radius:7px;color:#70819b;font-size:11px;line-height:1.55}.settingGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:14px;gap:14px}.field{display:flex;flex-direction:column;gap:7px;font-size:11px;color:#697993;font-weight:700}.field input,.field select{border:1px solid #dfe6ee;background:white;border-radius:7px;padding:11px;color:#203452;width:100%;outline-color:#4d75bb}.cta{background:#1e3c6a;color:#fff;padding:11px 15px;border:0;font-weight:700;display:flex;gap:9px;align-items:center}.cta,.error{border-radius:7px;font-size:11px}.error{background:#fff2f0;color:#af4a3d;padding:12px}.success{color:#16966a}.warning{color:#bd7555}.loginPage{display:flex;min-height:100dvh;background:#fff}.loginBrand{width:49%;background:#080e2b;color:white;display:flex;flex-direction:column;padding:52px 60px}.brandInverse{font:800 33px Manrope;letter-spacing:-2px}.loginIntro{margin:auto 0}.eyebrow.light{color:#a6b7d1}.loginIntro h1{font:800 clamp(38px,4.4vw,67px)/1.15 Manrope;letter-spacing:-3px;margin:23px 0}.loginIntro h1 em{font-style:normal;color:#8ab5d9}.loginIntro p{color:#aebbd2;max-width:360px;line-height:1.8;font-size:13px}.loginFooter{font-size:10px;color:#697895;letter-spacing:1px}.loginFormSection{flex:1 1;display:grid;place-items:center;padding:35px}.loginForm{width:min(370px,100%)}.authIcon{display:grid;place-items:center;background:#eff4fb;color:#203d6c;border-radius:10px;width:42px;height:42px;margin-bottom:32px}.loginForm h2{font:800 30px Manrope;letter-spacing:-1px;margin:8px 0}.loginForm .muted{margin-bottom:30px}.loginForm label{display:block;color:#4f6079;font-size:12px;font-weight:700;margin:18px 0}.loginForm input{width:100%;padding:14px;border:1px solid #e0e5ed;border-radius:8px;margin-top:8px;outline-color:#5079b7}.primaryAction{width:100%;background:#152d53;border:0;border-radius:7px;color:white;padding:15px;justify-content:space-between;font-weight:700;font-size:12px}.authHint,.primaryAction{display:flex;margin-top:24px}.authHint{gap:8px;color:#9ba5b5}.authHint,.connectLabel{align-items:center;font-size:10px}.connectLabel{display:inline-flex;gap:7px;background:#eef4fb;color:#486488;border-radius:20px;padding:6px 9px}.statusBadge{font-size:10px;font-weight:700;color:#637998}.empty{height:200px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#98a5b5;text-align:center;gap:10px;font-size:12px}.empty strong{font-size:15px;color:#425572}.toggle{display:flex;align-items:center;gap:8px;font-size:12px;color:#61718a}.sectionStack{display:grid;grid-gap:14px;gap:14px}.bigNumber{font:800 25px Manrope}.miniCards{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:14px;gap:14px;margin-top:14px}.miniCards>div{background:#fff;border:1px solid #e7ebf1;padding:18px;border-radius:9px}.miniCards p{font-size:10px;color:#8d9db2}.miniCards strong{font:800 20px Manrope}.rightAlign{text-align:right}@media(max-width:1050px){.side{width:205px}.content{padding:20px}.metricGrid{grid-template-columns:repeat(2,1fr)}.twoCols{grid-template-columns:1fr}.settingGrid{grid-template-columns:repeat(2,1fr)}}@media(max-width:680px){.appShell{min-height:0}.side{width:62px;padding:20px 7px}.side .brand{font-size:0;padding:4px}.side .brand:after{content:"b.";font-size:25px}.navButton span,.navGroupLabel,.sideBottom,.sideSub{display:none}.navButton{justify-content:center;padding:13px}.topbar{padding:0 14px}.content{padding:18px}.pageHeading h1{font-size:23px}.metricGrid{gap:8px}.metric{padding:14px}.metricValue{font-size:23px}.miniCards,.settingGrid{grid-template-columns:1fr}.loginBrand{display:none}.loginFormSection{min-height:100dvh}.notifBox{right:-50px;width:290px}}