.finCommandHero{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:30px;margin-bottom:18px;border-radius:22px;background:radial-gradient(circle at 75% 20%,rgba(70,125,255,.42),transparent 28%),linear-gradient(135deg,#0c172a,#142d5e 62%,#1d59e8);color:#fff;box-shadow:0 20px 45px rgba(21,48,105,.2)}.finEyebrow,.finSectionTitle span{font-size:10px;font-weight:800;letter-spacing:1.6px}.finEyebrow{color:#9fbbff}.finCommandHero h2{margin:7px 0;font-size:29px}.finCommandHero p{margin:0;color:#cad7ef}.heroNet{min-width:270px;padding:20px;border-radius:16px;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.16)}.heroNet small,.heroNet strong,.heroNet span{display:block}.heroNet strong{font-size:29px;margin:7px 0}.heroNet .profit{color:#8ff0ca}.heroNet .loss{color:#ffb1ba}.finAverages,.finPanel,.quarterDashboard,.finRankings{margin-bottom:18px;padding:22px;background:#fff;border:1px solid #e2e8f2;border-radius:18px;box-shadow:0 8px 26px rgba(24,45,79,.055)}.finSectionTitle{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:18px}.finSectionTitle span{color:#2764ff}.finSectionTitle h3{margin:4px 0 0;font-size:20px;color:#17233b}.finSectionTitle>small{color:#7b879b}.averageCards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.averageCards article{display:flex;gap:14px;align-items:center;padding:19px;border-radius:15px;border:1px solid #e5eaf2;background:#fbfcff}.averageCards small,.averageCards strong,.averageCards span{display:block}.averageCards strong{margin:6px 0;font-size:21px;color:#17233b}.averageCards span{font-size:11px;color:#7a879b}.metricIcon{display:grid;place-items:center;width:43px;height:43px;flex:0 0 43px;border-radius:13px;font-size:20px;font-weight:900}.avgIncome .metricIcon{background:#eaf1ff;color:#2764ff}.avgExpense .metricIcon{background:#fff0f1;color:#ce4050}.avgProfit .metricIcon{background:#e9faf4;color:#15855e}.finKpiGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-bottom:18px}.finKpiGrid article{padding:18px;background:#fff;border:1px solid #e2e8f2;border-radius:15px}.finKpiGrid small,.finKpiGrid b,.finKpiGrid span{display:block}.finKpiGrid>article>small{color:#748096}.finKpiGrid b{font-size:19px;margin:8px 0}.goodTrend,.badTrend,.neutralTrend{font-size:10px;font-weight:700}.goodTrend{color:#13825b}.badTrend{color:#c23b4b}.neutralTrend{color:#8792a5}.finMainGrid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(280px,.75fr);gap:18px}.dualBarChart{display:flex;align-items:flex-end;gap:10px;height:250px;padding:12px 4px 0;border-bottom:1px solid #dfe5ef;background:repeating-linear-gradient(to bottom,#edf1f7 0,#edf1f7 1px,transparent 1px,transparent 25%)}.dualBarCol{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%;flex:1;min-width:18px}.dualBars{display:flex;align-items:flex-end;justify-content:center;gap:3px;height:215px;width:100%}.dualBars i{display:block;width:34%;max-width:15px;min-height:3px;border-radius:5px 5px 1px 1px;transition:.25s}.dualBars .income,.finLegend .income{background:#2764ff}.dualBars .expense,.finLegend .expense{background:#ff6978}.dualBarCol small{margin-top:8px;font-size:10px;color:#73809a}.finLegend{display:flex;align-items:center;gap:6px;font-size:11px;color:#748096}.finLegend i{width:8px;height:8px;border-radius:50%;margin-left:8px}.healthPanel{display:flex;flex-direction:column}.healthGauge{--rate:0;display:grid;place-items:center;width:150px;height:150px;margin:2px auto 20px;border-radius:50%;background:conic-gradient(#2c68f3 calc(var(--rate)*1%),#e8edf5 0);position:relative}.healthGauge:after{content:"";position:absolute;inset:15px;background:#fff;border-radius:50%}.healthGauge div{position:relative;z-index:1;text-align:center}.healthGauge b,.healthGauge small{display:block}.healthGauge b{font-size:25px}.healthGauge small{font-size:10px;color:#778397}.healthRows{display:grid;gap:7px}.healthRows span{display:flex;justify-content:space-between;padding:10px 12px;border-radius:10px;background:#f7f9fc}.healthRows small{color:#73809a}.healthRows .danger{background:#fff3f4}.healthRows .danger b{color:#c43d4e}.finTrendCards{display:grid;grid-template-columns:1fr 1fr .75fr;gap:18px;margin-bottom:18px}.finTrendCards article{padding:20px;background:#fff;border:1px solid #e2e8f2;border-radius:17px;overflow:hidden}.finTrendCards small,.finTrendCards b{display:block}.finTrendCards b{margin-top:4px;font-size:19px}.finTrendCards svg{width:100%;height:95px;margin-top:10px}.incomeSpark{color:#2764ff}.incomeSpark div,.profitSpark div{color:#17233b}.profitSpark{color:#19a572}.finHighlights{display:grid;gap:9px}.finHighlights span{padding:12px;background:#f7f9fc;border-radius:11px}.finHighlights b,.finHighlights em{display:block}.finHighlights em{margin-top:5px;font-size:11px;color:#6f7c91;font-style:normal}.quarterCards{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.quarterCards article{padding:17px;border:1px solid #e2e8f2;border-radius:14px}.quarterCards article.active{border-color:#7da2ff;box-shadow:0 0 0 3px #edf3ff}.quarterCards article>div:first-child{display:flex;justify-content:space-between}.quarterCards article>div span{font-size:10px;color:#718096}.quarterCards strong{display:block;font-size:20px;margin:10px 0}.quarterSplit{height:5px!important;background:#f1d5d8;border-radius:10px;overflow:hidden}.quarterSplit i{display:block;height:100%;background:#2764ff}.quarterCards p{font-size:11px;line-height:1.8;color:#748096}.quarterCards p b{float:right;color:#273650}.finRankings .rankingPeriod{margin-bottom:0}.monthlyTable{padding:22px}.tableScroll{overflow:auto}.monthlyTable tr.selected{background:#eef4ff}.monthlyTable td,.monthlyTable th{white-space:nowrap}
@media(max-width:1100px){.finKpiGrid,.quarterCards{grid-template-columns:repeat(2,1fr)}.finMainGrid{grid-template-columns:1fr}.finTrendCards{grid-template-columns:1fr 1fr}.finHighlights{grid-column:1/-1;grid-template-columns:1fr 1fr}}
@media(max-width:700px){.finCommandHero{align-items:flex-start;flex-direction:column;padding:22px}.heroNet{min-width:0;width:100%;box-sizing:border-box}.averageCards,.finKpiGrid,.quarterCards,.finTrendCards{grid-template-columns:1fr}.finHighlights{grid-column:auto;grid-template-columns:1fr}.finSectionTitle{align-items:flex-start;flex-direction:column}.dualBarChart{gap:4px;height:215px}.dualBars{height:180px}.finCommandHero h2{font-size:24px}.averageCards article{align-items:flex-start}.finAverages,.finPanel,.quarterDashboard,.finRankings{padding:17px}}