@font-face{font-family:Inter;src:url('/assets/inter.woff2') format('woff2');font-weight:400 700;font-display:swap}
.sidebar{overflow-y:auto;scrollbar-width:thin;scrollbar-color:#1b3b56 transparent}.sidebar-bottom{flex-shrink:0}
.finance-page{font-family:Inter,Arial,sans-serif;font-size:13px}.finance-page .page-heading h1{font-family:var(--font)}.finance-page .page-heading p{font-size:14px;line-height:1.6}.finance-page .button{font-size:12px;gap:8px}.finance-page .inline-actions{flex-wrap:wrap;justify-content:flex-end}.finance-export-wrap{position:relative}.finance-export-menu{position:absolute;right:0;top:calc(100% + 8px);z-index:20;width:200px;padding:7px;background:var(--panel);border:1px solid var(--border);border-radius:10px;box-shadow:0 10px 40px #0006}.finance-export-menu button{display:flex;align-items:center;gap:11px;width:100%;padding:12px;border:0;border-radius:6px;background:transparent;text-align:left;font-size:12px}.finance-export-menu button:hover{background:#168aff15;color:var(--cyan)}.finance-export-menu svg{width:18px;color:var(--cyan)}.finance-period-bar{display:flex;align-items:center;gap:14px;padding:13px 17px;margin:22px 0 20px;overflow:visible;flex-wrap:wrap}.finance-filter-caption{display:flex;align-items:center;gap:9px;color:var(--muted);font-size:12px}.finance-filter-caption svg{color:var(--cyan);width:18px}.finance-period-bar select{height:36px;font-size:12px;min-width:170px}.finance-period-label{color:var(--muted);font-size:11px;margin-left:auto}.finance-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.finance-metric{padding:18px 19px 16px;border:1px solid #174c83;border-radius:10px;background:linear-gradient(120deg,#104582,#092e5b);overflow:hidden;color:#f4f8ff;position:relative;box-shadow:0 5px 15px #0001}.finance-metric:after{content:'';position:absolute;right:-15px;top:-30px;width:140px;height:140px;background:radial-gradient(circle,#ffffff0a,transparent 70%);pointer-events:none}.finance-metric.green{background:linear-gradient(120deg,#08664f,#064233);border-color:#128562}.finance-metric.yellow{background:linear-gradient(120deg,#775310,#4b3914);border-color:#92701c}.finance-metric.purple{background:linear-gradient(120deg,#493583,#2d2358);border-color:#604a9b}.finance-metric-top{display:flex;align-items:center;gap:11px;margin-bottom:16px}.finance-metric-top>span{display:flex;align-items:center;justify-content:center;width:35px;height:35px;border:1px solid #ffffff24;background:#ffffff12;border-radius:11px;flex-shrink:0}.finance-metric-top svg{width:20px;height:20px}.finance-metric-top p{font-size:12px;font-weight:500}.finance-metric>strong{font-size:28px;line-height:1.2;letter-spacing:-.8px;font-weight:650;display:block;white-space:nowrap}.finance-metric>small{display:block;color:#d2dded;font-size:10px;line-height:1.5;margin-top:12px;min-height:15px}.finance-calendar-note{font-size:10px;color:var(--subtle);line-height:1.6;margin:12px 2px 20px}.finance-chart-panel .panel-header{padding:20px 22px 0}.finance-page h2{font-size:16px;font-weight:600}.finance-chart-legend{display:flex;align-items:center;gap:7px;font-size:10px;color:var(--muted)}.finance-chart-legend>span{width:7px;height:7px;background:#16a1ff;border-radius:50%}.finance-chart-summary{display:flex;align-items:baseline;gap:13px;padding:17px 22px 0}.finance-chart-summary>strong{font-size:25px;font-weight:600;letter-spacing:-.5px}.finance-chart-summary>span{font-size:11px;color:var(--muted)}.finance-chart-wrap{height:278px;padding:18px 23px 23px 15px}.finance-breakdowns{display:grid;grid-template-columns:1fr 1fr;gap:17px;margin-top:20px}.finance-breakdown .panel-header{padding:17px 20px 0}.finance-breakdown-list{padding:16px 20px 20px;display:grid;gap:16px}.finance-breakdown-row>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:12px}.finance-breakdown-row strong{font-weight:500}.finance-meter{height:4px;margin-top:9px;border-radius:3px;background:#1d3c522b;overflow:hidden}.finance-meter>span{height:100%;display:block;border-radius:3px;background:linear-gradient(90deg,#008dff,#22c5ef)}.finance-history{margin-top:20px}.finance-history .panel-header{padding:20px 20px 0}.finance-history .panel-header p{color:var(--muted);font-size:11px;margin-top:6px}.finance-history-filters{padding:17px 20px;gap:10px;flex-wrap:wrap}.finance-history-filters .search-field{flex:1 1 200px;min-width:160px}.finance-history-filters select{height:38px;font-size:11px;flex:1 1 125px;max-width:180px;padding:7px 9px}.finance-history-filters input{font-size:12px;height:38px}.finance-history-filters .search-field svg{top:10px;width:17px;height:17px}.finance-table th{font-size:11px;color:var(--muted);padding:16px 14px}.finance-table td{font-size:11px;padding:15px 14px}.finance-table .client-cell strong{font-size:12px;max-width:170px;overflow:hidden;text-overflow:ellipsis}.finance-table .client-cell small,.finance-table-hint{display:block;font-size:10px!important;color:var(--subtle)!important;margin-top:4px}.finance-table .client-cell{min-width:160px}.finance-table .avatar{width:31px;height:31px;font-family:var(--font)}.finance-amount{font-weight:600;color:var(--green);white-space:nowrap}.finance-amount.negative{color:var(--red)}.finance-confirm{color:var(--green)}.finance-table-total{display:flex;align-items:center;gap:18px;padding:17px 20px;border-top:1px solid var(--border);background:#008dff05;flex-wrap:wrap}.finance-table-total>span{font-size:11px;color:var(--muted)}.finance-table-total>strong{font-size:18px;color:var(--cyan);margin-left:auto;font-weight:600}.finance-table-total>small{font-size:10px;color:var(--subtle)}.finance-detail-status{margin-bottom:22px}.finance-page[aria-busy=true] .finance-chart-summary,.finance-page[aria-busy=true] #finance-table{opacity:.6;transition:opacity .15s}.finance-page .table-note{font-size:10px;line-height:1.7}
@media(max-width:1200px){.finance-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.finance-metric>strong{font-size:29px}.finance-page .page-heading{align-items:flex-start}.finance-period-label{margin-left:0}.finance-page .page-heading>.inline-actions{max-width:300px}.finance-chart-legend{font-size:9px}}
@media(max-width:700px){.finance-page .page-heading{display:block}.finance-page .page-heading>.inline-actions{max-width:none;justify-content:flex-start;margin-top:17px}.finance-page .page-heading h1{font-size:29px}.finance-page .page-heading p{font-size:12px;max-width:310px}.finance-period-bar{margin-top:18px;padding:12px;gap:10px}.finance-filter-caption{flex-basis:100%;font-size:11px}.finance-period-bar select{flex:1;min-width:0;font-size:11px;max-width:none}.finance-period-bar .button{font-size:10px;padding:0 9px}.finance-period-label{flex-basis:100%;font-size:10px;padding:2px}.finance-metrics{gap:11px}.finance-metric{padding:13px 12px}.finance-metric-top{gap:7px;margin-bottom:14px}.finance-metric-top>span{width:28px;height:29px;border-radius:8px}.finance-metric-top svg{width:16px;height:16px}.finance-metric-top p{font-size:10px;line-height:1.4}.finance-metric>strong{font-size:22px;letter-spacing:-.7px}.finance-metric>small{font-size:9px;min-height:27px;margin-top:10px}.finance-calendar-note{font-size:9px;margin:11px 0 16px}.finance-chart-panel .panel-header{padding:16px 14px 0;flex-wrap:wrap;gap:7px}.finance-page h2{font-size:14px}.finance-chart-summary{padding:14px 14px 0;display:block}.finance-chart-summary>strong{font-size:23px}.finance-chart-summary>span{display:block;font-size:10px;margin-top:4px}.finance-chart-wrap{height:235px;padding:15px 12px 18px 5px}.finance-breakdowns{grid-template-columns:1fr;gap:13px;margin-top:15px}.finance-breakdown .panel-header{padding:15px 15px 0}.finance-breakdown-list{padding:15px}.finance-history{margin-top:15px}.finance-history .panel-header{padding:16px 14px 0}.finance-history .panel-header p{font-size:10px;line-height:1.6}.finance-history-filters{padding:14px;gap:9px}.finance-history-filters .search-field{flex-basis:100%;min-width:100%}.finance-history-filters select{flex:1 1 calc(50% - 5px);max-width:calc(50% - 5px);font-size:10px}.finance-table th,.finance-table td{padding:13px 12px}.finance-table-total{gap:8px;padding:14px}.finance-table-total>span{max-width:170px;line-height:1.6;font-size:10px}.finance-table-total>strong{font-size:17px}.finance-table-total>small{flex-basis:100%;font-size:9px}.finance-page .table-footer{font-size:10px}.finance-export-menu{left:0;right:auto}}
@media(max-width:360px){.finance-metric>strong{font-size:19px}.finance-metric-top p{font-size:9px}.finance-metric-top{gap:5px}.finance-metric{padding:12px 10px}}
@media print{.finance-export-wrap,.finance-period-bar button,.finance-history-filters{display:none!important}}
.finance-table tr:has(.badge.yellow) .finance-amount,.finance-table tr:has(.badge.gray) .finance-amount{color:var(--muted)}
.modal:has([data-finance-form]),.modal:has(.finance-detail-status){font-family:Inter,Arial,sans-serif}
@media(max-width:700px){.finance-table .empty-state{width:calc(100vw - 90px);white-space:normal;padding:45px 8px}.finance-table .empty-state h3{font-size:15px;line-height:1.5}.finance-table .empty-state p{font-size:11px;line-height:1.7}}