.fin{font-size:14px}.fin .page-intro p,.fin-note,.fin-period{font-size:13px;line-height:1.6;color:#65758c}.fin-filters{display:flex;align-items:end;flex-wrap:wrap;gap:12px;padding:18px;background:white;border:1px solid #dce4f0;border-radius:14px}.fin-filters label{display:grid;gap:6px;font-size:14px}.fin select,.fin input,.fin button{font-size:14px}.fin-filters input,.fin-filters select,.fin-search input{padding:10px;border:1px solid #dce4f0;border-radius:8px;background:#f7faff;color:#14213d}.fin button:not(.primary){border:1px solid #dce4f0;border-radius:8px;padding:9px 13px;background:#edf4ff;color:#174bb2;cursor:pointer}.fin-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:16px 0}.fin-kpis article{display:grid;gap:12px;padding:22px;background:linear-gradient(135deg,#102eaf,#2e83e8);color:white;border-radius:14px}.fin-kpis b{font-size:23px}.fin-kpis span{font-size:14px}.fin-tabs{display:flex;gap:8px;margin:20px 0}.fin-tabs button.active{background:#1857d5;color:white}.fin-search{margin-bottom:12px}.fin .panel{margin:16px 0}.fin th{font-size:12px}.fin td,.fin td b{font-size:14px}.fin-description{white-space:normal;min-width:190px;max-width:320px}.fin-form{max-height:92vh;overflow:auto}.fin-form label{font-size:14px}.fin-form textarea{width:100%;min-height:85px;padding:12px;border:1px solid #dce4f0;border-radius:8px;font:inherit}.fin-form input,.fin-form select{font-size:14px}
.fin-chart-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:16px}.fin-chart-wide{grid-column:1/-1}.fin-chart-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px}.fin-chart-head small{color:#52709e;font-size:12px;letter-spacing:1.2px}.fin-chart-head h3{margin:4px 0 0}.fin-chart-key{display:flex;gap:14px;color:#60718b;font-size:13px}.fin-chart-key span{display:flex;align-items:center;gap:6px}.fin-chart-key i{width:10px;height:10px;border-radius:3px}.fin-chart-key .income,.fin-bars .income{background:linear-gradient(180deg,#2e83e8,#1746c6)}.fin-chart-key .expense,.fin-bars .expense{background:linear-gradient(180deg,#ffaf55,#ef6c42)}.fin-month-scroll{overflow-x:auto;padding-bottom:4px}.fin-month-chart{height:230px;display:flex;align-items:flex-end;gap:14px;padding:14px 8px 0;border-bottom:1px solid #dce4f0;background:repeating-linear-gradient(to bottom,#edf2f9 0,#edf2f9 1px,transparent 1px,transparent 25%)}.fin-month{height:100%;flex:1;min-width:48px;display:grid;grid-template-rows:1fr 28px;gap:8px;text-align:center;color:#60718b;font-size:12px}.fin-bars{display:flex;align-items:flex-end;justify-content:center;gap:5px;height:100%}.fin-bars i{display:block;width:min(18px,38%);min-height:3px;border-radius:5px 5px 2px 2px;transition:filter .15s,transform .15s}.fin-bars i:hover{filter:brightness(1.12);transform:translateY(-2px)}.fin-hbars{display:grid;gap:14px}.fin-hbar>div{display:flex;justify-content:space-between;gap:12px;margin-bottom:6px;font-size:13px}.fin-hbar span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fin-hbar b{white-space:nowrap}.fin-hbar>i{display:block;height:9px;background:#e8eef8;border-radius:99px;overflow:hidden}.fin-hbar em{display:block;height:100%;background:linear-gradient(90deg,#1746c6,#36a2eb);border-radius:inherit}.fin-donut-wrap{display:grid;grid-template-columns:170px 1fr;align-items:center;gap:24px}.fin-donut{width:170px;aspect-ratio:1;border-radius:50%;display:grid;place-items:center}.fin-donut>div{width:104px;aspect-ratio:1;border-radius:50%;background:white;display:grid;place-content:center;text-align:center}.fin-donut b{font-size:15px}.fin-donut span{font-size:12px;color:#65758c}.fin-legend{display:grid;gap:9px}.fin-legend>div{display:grid;grid-template-columns:10px 1fr auto;align-items:center;gap:8px;font-size:13px}.fin-legend i{width:10px;height:10px;border-radius:3px}.fin-legend b{font-size:13px}.fin-empty{color:#65758c;font-size:13px}@media(max-width:1000px){.fin-kpis{grid-template-columns:1fr 1fr}.fin-chart-grid{grid-template-columns:1fr}.fin-chart-wide{grid-column:auto}.fin-donut-wrap{grid-template-columns:150px 1fr}.fin-donut{width:150px}.fin-donut>div{width:92px}}@media(max-width:580px){.fin-kpis{grid-template-columns:1fr}.fin-filters>*{width:100%}.fin-kpis article{padding:16px}.fin-donut-wrap{grid-template-columns:1fr}.fin-donut{margin:auto}}