@import "https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&display=swap";
:root{--color-modifi-blue-active:#58aee2;--color-modifi-blue-soft:#d9edf9;--color-modifi-green:#74b72e;--color-bg-app:#f1f1f1;--color-bg-panel:#fff;--color-nav-inactive:#a9adb3;--siderail-active-label:#2b90db;--siderail-active-fill:#eef8fd;--siderail-active-border:#2b90db;--siderail-inactive-label:#a9adb3;--siderail-bg:#fff;--color-text-primary:#505761;--color-text-secondary:#a7adb3;--text-primary:#51565c;--text-secondary:#b2b3b5;--text-muted:#b6bec8;--brand-green:#7abd2a;--brand-blue:#53a2d9;--color-divider:#e3e5e7;--border-light:#e6eaf0;--success:#1e7a3b;--warning:#c2410c;--danger:#e05656;--surface-primary:#fff;--surface-secondary:#f5f7fa;--shadow-card:0 4px 10px #0f172a0a, 0 12px 24px #0f172a0f;--fw-regular:400;--fw-medium:500;--fw-semibold:600;--fw-bold:700}.page-heading{font-size:28px;font-weight:var(--fw-semibold);color:var(--text-primary);margin:0;line-height:1.2}.stat-heading{font-size:56px;font-weight:var(--fw-semibold);color:var(--text-primary);line-height:1}.section-label{font-size:12px;font-weight:var(--fw-bold);letter-spacing:.04em;text-transform:uppercase;color:var(--text-secondary)}.table-cell{font-size:14px;font-weight:var(--fw-regular);color:var(--text-primary)}.table-link{color:var(--brand-blue);cursor:pointer;background:0 0;border:none;padding:0;font-size:14px;text-decoration:none}.metric-title{font-size:18px;font-weight:var(--fw-semibold);color:var(--text-primary)}.metric-description{font-size:14px;font-weight:var(--fw-regular);color:var(--text-secondary)}*{box-sizing:border-box;font-family:Montserrat,sans-serif}html,body{width:100%;max-width:none;min-height:100vh;margin:0;padding:0}body{background:var(--surface-secondary)}.dashboardLayout{background-color:#f4f4f4;flex-direction:column;min-height:100vh;display:flex}.dashboardBody{flex:1;display:flex}.mainContent{flex-direction:column;flex:1;display:flex}.pageContainer{padding:8px}.sidebar{background-color:#fff;border-right:1px solid #d9e1ea;width:250px}.sidebarNav{flex-direction:column;padding:20px 0 0;display:flex}.navItem{color:#b2b3b5;align-items:center;margin-bottom:8px;padding:12px 16px;text-decoration:none;display:flex;position:relative}.navItem svg{margin-right:12px;font-size:20px}.navLabel{color:inherit;font-family:Montserrat,sans-serif;font-size:15px;font-weight:500}.navItem.active,.navItem:hover{color:var(--siderail-active-label);background-color:#f3f7fb}.navItem.active svg,.navItem:hover svg{color:var(--siderail-active-label)}.navItem.active:after{content:"";background-color:var(--siderail-active-border);width:4px;height:100%;position:absolute;top:0;right:0}.financeTradeItem{margin-top:12px;padding-bottom:20px;position:relative}.financeTradeItem .navLabel,.financeTradeItem svg{color:#56aeea}.financeTradeItem:after{content:"";background-color:#d9e1ea;height:1px;position:absolute;bottom:0;left:0;right:0}.newBadge{color:#fff;background-color:#8dc63f;border-radius:2px;margin-left:12px;padding:1px 6px;font-size:11px;font-weight:600;line-height:1.4;transform:skew(-12deg)}.servicesArrow{color:#56aeea;width:14px;height:14px;margin-left:12px}.topBar{background-color:#fff;border-bottom:1px solid #d9e1ea;align-items:center;height:64px;padding:0 20px;display:flex}.topBarLogo{height:28px;display:block}.topBarLeft{align-items:center;display:flex}.topBarRight{align-items:center;gap:30px;margin-left:auto;margin-right:120px;display:flex}.topBarCompany{color:#6b7280;font-size:15px;font-weight:500}.topBarIcon{color:#6b7280;font-size:24px}.financeTradeButton{appearance:none;background-color:var(--color-modifi-green);color:#fff;letter-spacing:-.2px;border:0;border-radius:0;outline:none;padding:8px 12px;font-weight:800}@media (max-width:768px){.financeTradeButton{padding:12px 16px;font-size:14px}.topBarRight{margin-right:20px}.dashboardBody{flex-direction:column}}@media (max-width:430px){.topBar{justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.topBarLeft{align-items:center;display:flex}.topBarRight{gap:10px;margin-right:0}.financeTradeButton{padding:8px 10px;font-size:12px}.topBar img{width:110px}}