.finance-view{margin-top:40px}.finance-toolbar{display:flex;align-items:end;justify-content:space-between;margin-bottom:24px}.finance-toolbar h2{margin:5px 0 3px;font-size:25px;font-weight:normal}.finance-toolbar p{margin:0;color:var(--muted);font:11px Arial,sans-serif}.finance-actions{display:flex;gap:9px}.finance-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:14px}.finance-stat{position:relative;min-height:138px;padding:18px 19px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);overflow:hidden}.finance-stat:before{content:'';position:absolute;top:0;bottom:0;left:0;width:3px;background:var(--finance-color)}.teal-finance{--finance-color:var(--teal)}.coral-finance{--finance-color:var(--coral)}.gold-finance{--finance-color:var(--gold)}.ink-finance{--finance-color:var(--navy)}.finance-stat span,.finance-stat small{display:block;color:var(--muted);font:10px Arial,sans-serif}.finance-stat strong{display:block;margin:9px 0 2px;font-size:26px;font-weight:normal}.finance-stat small{font-size:9px}.finance-stat>b{display:block;height:5px;margin-top:17px;background:#edf1ed}.finance-stat>b i{display:block;height:100%;background:var(--finance-color)}.finance-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:14px}.revenue-panel,.breakdown-panel,.invoice-panel,.expense-panel{min-height:270px}.revenue-panel select{padding:7px 24px 7px 8px;border:1px solid var(--line);border-radius:4px;background:#fff;color:var(--muted);font:10px Arial,sans-serif}.revenue-total{display:flex;align-items:baseline;gap:10px;margin:22px 0 10px}.revenue-total strong{font-size:25px;font-weight:normal}.revenue-total span{color:var(--muted);font:10px Arial,sans-serif}.revenue-total em{color:var(--teal);font-style:normal;margin-left:5px}.revenue-chart{display:flex;height:150px;padding-top:5px}.revenue-axis{display:flex;flex-direction:column;justify-content:space-between;padding:0 12px 24px 0;color:#a0ada9;font:9px Arial,sans-serif}.revenue-bars{display:flex;flex:1;align-items:end;justify-content:space-around;gap:12px;border-bottom:1px solid var(--line);background:repeating-linear-gradient(to bottom,transparent 0,transparent 36px,#edf1ed 37px)}.revenue-bars>div{display:flex;align-items:center;flex-direction:column;justify-content:end;flex:1;height:100%;max-width:46px}.revenue-bars i{display:block;width:100%;background:#b9e4d6;border-radius:3px 3px 0 0}.revenue-bars .current-revenue i{background:var(--teal)}.revenue-bars span{margin-top:8px;color:var(--muted);font:9px Arial,sans-serif}.fee-mix{display:flex;align-items:center;gap:30px;margin-top:27px}.mix-ring{display:grid;place-items:center;width:145px;height:145px;border-radius:50%;background:conic-gradient(var(--teal) 0 64%,var(--coral) 64% 80%,var(--gold) 80% 92%,var(--navy) 92% 100%);position:relative}.mix-ring:after{content:'';position:absolute;width:95px;height:95px;border-radius:50%;background:#fff}.mix-ring span{z-index:1;text-align:center;font-size:14px}.mix-ring small{display:block;color:var(--muted);font:9px Arial,sans-serif}.mix-legend{display:grid;gap:13px;flex:1}.mix-legend span{color:var(--muted);font:10px Arial,sans-serif}.mix-legend i{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:7px}.mix-legend b{float:right;color:var(--ink);font-weight:normal}.mix-teal{background:var(--teal)}.mix-coral{background:var(--coral)}.mix-gold{background:var(--gold)}.mix-ink{background:var(--navy)}.lower-finance{margin-top:14px}.invoice-row{display:grid;grid-template-columns:29px 1fr 85px 54px;align-items:center;gap:10px;padding:13px 0;border-top:1px solid var(--line)}.invoice-row:first-of-type{margin-top:14px}.invoice-icon{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;font:bold 11px Arial,sans-serif}.teal-invoice{background:var(--teal-soft);color:var(--teal)}.gold-invoice{background:#fbf1d9;color:#a87811}.coral-invoice{background:#f9e3dd;color:var(--coral)}.invoice-row div{display:grid;gap:3px}.invoice-row strong{font:11px Arial,sans-serif;font-weight:normal}.invoice-row small,.invoice-row em{font:9px Arial,sans-serif;font-style:normal}.invoice-row small{color:var(--muted)}.invoice-amount{text-align:right;font:10px Arial,sans-serif}.paid-status{color:var(--teal);text-align:right}.pending-status{color:#a87811;text-align:right}.overdue-status{color:var(--coral);text-align:right}.expense-row{display:grid;grid-template-columns:1fr 90px 45px;align-items:center;padding:14px 0;border-top:1px solid var(--line);font:10px Arial,sans-serif}.expense-row:first-of-type{margin-top:14px}.expense-row strong{text-align:right;font-weight:normal}.expense-row small{color:var(--muted);text-align:right}.expense-total{display:flex;justify-content:space-between;margin-top:15px;padding-top:14px;border-top:2px solid var(--navy);font:10px Arial,sans-serif}.expense-total strong{font-size:15px;font-weight:normal}@media(max-width:950px){.finance-stats{grid-template-columns:repeat(2,1fr)}}@media(max-width:680px){.finance-toolbar{align-items:start;gap:16px;flex-direction:column}.finance-actions{width:100%}.finance-actions button{flex:1}.finance-stats,.finance-grid{grid-template-columns:1fr}.fee-mix{gap:17px}.mix-ring{width:120px;height:120px}.mix-ring:after{width:79px;height:79px}.invoice-row{grid-template-columns:29px 1fr 65px}.invoice-row em{display:none}}