:root{--color-text:#fbf8da;--color-accent:#d5ab16;--color-accent-hover:#c39a14;--color-success:#22c55e;--color-danger:#ef4444;--color-card-bg:rgba(65,83,97,.09);--color-border:rgba(73,94,109,.2);--border-radius-sm:8px;--border-radius-md:12px;--border-radius-lg:16px;--transition-speed:0.3s}.financials-page-container{display:flex;flex-direction:column;width:100%;padding:0;margin:0;animation:pageLoad .5s ease-out}@keyframes pageLoad{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.financials-header{display:flex;flex-direction:column;margin-bottom:24px}.header-top-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;flex-wrap:wrap;gap:16px}.financials-title{font-size:32px;font-weight:700;color:var(--color-text);margin:0}.financials-filter-controls{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.kyan-dropdown{position:relative;display:inline-block}.kyan-dropdown-trigger{display:flex;align-items:center;gap:8px;padding:10px 16px;background:rgba(65,83,97,.15);border:1px solid var(--color-border);border-radius:var(--border-radius-sm);color:var(--color-text);font-size:14px;font-weight:500;cursor:pointer;transition:all var(--transition-speed);white-space:nowrap}.kyan-dropdown-trigger:hover{background:rgba(65,83,97,.25);border-color:rgba(213,171,22,.3)}.kyan-dropdown-icon{font-size:14px;transition:transform var(--transition-speed)}.kyan-dropdown-icon.open{transform:rotate(180deg)}.kyan-dropdown-menu{position:absolute;top:calc(100% + 8px);left:0;min-width:100%;background:rgba(42,53,65,.98);border:1px solid rgba(213,171,22,.3);border-radius:var(--border-radius-sm);box-shadow:0 8px 24px rgba(0,0,0,.4);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:1000;max-height:300px;overflow-y:auto;animation:dropdownSlideIn .2s ease-out}@keyframes dropdownSlideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.kyan-dropdown-item{padding:10px 16px;color:var(--color-text);font-size:14px;cursor:pointer;transition:all .2s;border-bottom:1px solid hsla(55,80%,92%,.05)}.kyan-dropdown-item:last-child{border-bottom:none}.kyan-dropdown-item:hover{background:rgba(213,171,22,.1)}.kyan-dropdown-item.active{background:rgba(213,171,22,.15);color:var(--color-accent);font-weight:600}.financials-tabs{--indicator-width:0px;--indicator-left:0px;display:flex;border-bottom:1px solid var(--color-border);margin-bottom:16px;position:relative}.financials-tabs:after{content:"";position:absolute;bottom:-1px;left:var(--indicator-left);width:var(--indicator-width);height:2px;background:linear-gradient(90deg,#eab308,rgba(234,179,8,.25));box-shadow:0 0 8px rgba(234,179,8,.4);transition:all .3s cubic-bezier(.25,1,.5,1);opacity:0}.financials-tabs.has-active-tab:after{opacity:1}.financials-tab{padding:12px 24px;font-size:16px;font-weight:600;color:var(--color-text);background:transparent;border:none;cursor:pointer;opacity:.7;position:relative;transition:opacity var(--transition-speed)}.financials-tab:hover{opacity:.9}.financials-tab.active{opacity:1}.financials-summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:20px;gap:20px;margin-bottom:24px}.financials-summary-card{display:flex;align-items:center;gap:16px;background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:var(--border-radius-md);padding:20px;transition:all var(--transition-speed)}.financials-summary-card:hover{background:rgba(65,83,97,.15);transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.2)}.financials-summary-card.income{border-left:3px solid var(--color-success)}.financials-summary-card.expense{border-left:3px solid var(--color-danger)}.financials-summary-card.net.positive{border-left:3px solid var(--color-success)}.financials-summary-card.net.negative{border-left:3px solid var(--color-danger)}.summary-icon{font-size:32px;width:56px;height:56px;display:flex;align-items:center;justify-content:center;border-radius:50%;flex-shrink:0}.financials-summary-card.income .summary-icon{background:rgba(34,197,94,.15);color:var(--color-success)}.financials-summary-card.expense .summary-icon{background:rgba(239,68,68,.15);color:var(--color-danger)}.financials-summary-card.net .summary-icon{background:rgba(213,171,22,.15);color:var(--color-accent)}.summary-content{flex:1 1}.summary-label{font-size:12px;color:hsla(55,80%,92%,.6);text-transform:uppercase;letter-spacing:.5px;font-weight:600;margin-bottom:4px}.summary-value{font-size:28px;font-weight:700;color:var(--color-text)}.financials-actions{display:flex;gap:12px;margin-bottom:24px;flex-wrap:wrap}.kyan-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;border-radius:var(--border-radius-sm);font-size:14px;font-weight:500;cursor:pointer;transition:all var(--transition-speed);border:none;white-space:nowrap}.kyan-btn-primary{background:linear-gradient(135deg,var(--color-accent),var(--color-accent-hover));color:#212a31}.kyan-btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(213,171,22,.3)}.kyan-btn-secondary{background:hsla(55,80%,92%,.1);color:var(--color-text);border:1px solid var(--color-border)}.kyan-btn-secondary:hover{background:hsla(55,80%,92%,.15);border-color:hsla(55,80%,92%,.3)}.kyan-btn-accent{background:linear-gradient(135deg,var(--color-accent,#d5ab16),#d58916);color:var(--color-text-dark,#212a31);border:none;font-weight:600}.kyan-btn-accent:hover{background:linear-gradient(135deg,#e0bb1f,#e09920);transform:translateY(-1px);box-shadow:0 4px 12px rgba(213,171,22,.3)}.kyan-btn-accent:disabled{background:rgba(213,171,22,.3);color:rgba(33,42,49,.5);transform:none;box-shadow:none}.financials-content{background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);padding:24px;min-height:400px}.overview-section,.records-section{width:100%}.records-table-container{overflow-x:auto}.financials-table{width:100%;border-collapse:collapse}.financials-table thead{background:rgba(65,83,97,.15)}.financials-table th{padding:12px 16px;text-align:left;font-size:12px;font-weight:600;color:hsla(55,80%,92%,.7);text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid rgba(213,171,22,.3)}.financials-table th.text-right{text-align:right}.financials-table td{padding:16px;border-bottom:1px solid hsla(55,80%,92%,.05);font-size:14px;color:var(--color-text)}.financials-table td.text-right{text-align:right}.financials-table tbody tr{transition:background .2s}.financials-table tbody tr:hover{background:rgba(65,83,97,.15)}.type-badge{display:inline-flex;padding:4px 12px;border-radius:12px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.type-badge.income{background:rgba(34,197,94,.2);color:var(--color-success);border:1px solid rgba(34,197,94,.3)}.type-badge.expense{background:rgba(239,68,68,.2);color:var(--color-danger);border:1px solid rgba(239,68,68,.3)}.amount-income{color:var(--color-success)!important;font-weight:600}.amount-expense{color:var(--color-danger)!important;font-weight:600}.action-btn{padding:6px 12px;background:transparent;border:1px solid hsla(55,80%,92%,.3);color:var(--color-text);border-radius:6px;font-size:12px;cursor:pointer;transition:all .2s}.action-btn:hover{border-color:var(--color-accent);color:var(--color-accent);background:rgba(213,171,22,.1)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;text-align:center;color:hsla(55,80%,92%,.6)}.empty-state h3{font-size:24px;font-weight:600;color:var(--color-text);margin:0 0 12px}.empty-state p{font-size:16px;color:hsla(55,80%,92%,.6);margin:0}.financials-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;text-align:center;min-height:400px}.loading-spinner{width:48px;height:48px;border:4px solid rgba(213,171,22,.2);border-top:4px solid var(--color-accent,#d5ab16);border-radius:50%;animation:financialsSpinner .8s linear infinite;margin-bottom:16px}@keyframes financialsSpinner{to{transform:rotate(1turn)}}.financials-loading p{color:hsla(55,80%,92%,.7);font-size:14px;margin:0}.refresh-btn{min-width:44px!important;padding:10px 12px!important}.refresh-btn svg{font-size:18px}.refresh-btn svg.spinning{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.operation-loading{display:flex;align-items:center;gap:8px;color:hsla(55,80%,92%,.7);font-size:13px}.loading-spinner.small{width:16px!important;height:16px!important;border-width:2px!important}.financials-table tbody tr[data-optimistic=true]{opacity:.7;background:rgba(213,171,22,.1)}.financials-table tbody tr[data-optimistic=true] td{position:relative}.financials-table tbody tr[data-optimistic=true] td:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,rgba(213,171,22,.1),transparent);animation:shimmer 1.5s infinite}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}@media (max-width:768px){.header-top-row{flex-direction:column;align-items:flex-start}.financials-filter-controls{width:100%}.financials-filter-controls .kyan-dropdown{flex:1 1}.financials-filter-controls .kyan-dropdown-trigger{width:100%;justify-content:space-between}.financials-summary-grid{grid-template-columns:1fr}.financials-actions{flex-direction:column}.kyan-btn{width:100%;justify-content:center}.financials-table{font-size:12px}.financials-table td,.financials-table th{padding:10px 8px}}.kf-header .header-top-row{align-items:flex-end}.kf-sub{margin:4px 0 0;font-size:13px;color:hsla(55,80%,92%,.55)}.kf-actions{display:flex;flex-wrap:wrap;gap:8px}.kf-filterbar{display:flex;flex-direction:column;gap:10px;padding:12px;margin:16px 0 14px;background:#202a32;border:1px solid rgba(158,177,190,.18);border-radius:12px}.kf-filter-row{flex-wrap:wrap}.kf-filter-row,.kf-search{display:flex;align-items:center;gap:8px}.kf-search{position:relative;flex:1 1 260px;height:38px;padding:0 10px 0 12px;border-radius:8px;border:1px solid rgba(158,177,190,.22);background:rgba(33,42,49,.55);color:hsla(55,80%,92%,.45)}.kf-search:focus-within{border-color:#d5ab16}.kf-search input{flex:1 1;min-width:0;border:none;outline:none;background:transparent;color:#fbf8da;font-size:13px}.kf-search button{border:none;color:inherit}.kf-clear,.kf-more,.kf-search button{display:inline-flex;background:transparent;cursor:pointer}.kf-clear,.kf-more{align-items:center;gap:6px;height:38px;padding:0 12px;border-radius:8px;border:1px dashed rgba(158,177,190,.35);color:hsla(55,80%,92%,.75);font-size:13px}.kf-more.active,.kf-more:hover{border-color:rgba(213,171,22,.6);color:#f3d35b}.kf-clear{border:none;text-decoration:underline;color:hsla(55,80%,92%,.55)}.kf-range{display:flex;gap:12px;padding-top:10px;border-top:1px solid rgba(158,177,190,.14)}.kf-range label{display:flex;flex-direction:column;gap:4px;font-size:11px;font-weight:600;text-transform:uppercase;color:hsla(55,80%,92%,.55)}.kf-range input{height:36px;padding:0 10px;border-radius:8px;border:1px solid rgba(158,177,190,.22);background:rgba(33,42,49,.55);color:#fbf8da;color-scheme:dark}.kf-banner{display:flex;align-items:center;gap:10px;padding:10px 14px;margin-bottom:14px;border-radius:10px;background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.35);color:#fca5a5;font-size:13px}.kf-banner span{flex:1 1}.kf-banner button{padding:4px 12px;border-radius:6px;border:1px solid;background:transparent;color:inherit;cursor:pointer}.kf-kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-gap:12px;gap:12px;margin-bottom:14px}.kf-kpi{display:flex;flex-direction:column;gap:6px;padding:14px 16px;border-radius:12px;background:#202a32;border:1px solid rgba(158,177,190,.18);border-top:3px solid rgba(158,177,190,.4)}.kf-kpi.income{border-top-color:#22c55e}.kf-kpi.expense{border-top-color:#ef4444}.kf-kpi.margin,.kf-kpi.net{border-top-color:#d5ab16}.kf-kpi-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:hsla(55,80%,92%,.55)}.kf-kpi-value{font-size:20px;font-weight:700;color:#fbf8da;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.kf-kpi-value.positive{color:#4ade80}.kf-kpi-value.negative{color:#f87171}.kf-skel{display:block;height:12px;border-radius:6px;background:linear-gradient(90deg,rgba(158,177,190,.08),rgba(158,177,190,.2) 50%,rgba(158,177,190,.08));background-size:200% 100%;animation:kf-shimmer 1.2s ease-in-out infinite}.kf-skel-lg{width:110px;height:22px}.kf-skel-block{height:220px;border-radius:12px}.kf-overview-skel{display:grid;grid-gap:16px;gap:16px}@keyframes kf-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.kf-content{position:relative;contain:inline-size}.kf-content.refreshing .overview-section,.kf-content.refreshing .records-table-container{opacity:.6;transition:opacity .2s}.kf-progress{position:absolute;top:0;left:0;right:0;height:2px;overflow:hidden;border-radius:12px 12px 0 0}.kf-progress:after{content:"";position:absolute;left:-40%;width:40%;height:100%;background:#d5ab16;animation:kf-progress 1s ease-in-out infinite}@keyframes kf-progress{to{left:100%}}.kf-trend{margin-bottom:20px}.kf-trend-legend{display:flex;align-items:center;gap:14px;font-size:12px;color:hsla(55,80%,92%,.6)}.kf-trend-legend span:before{content:"";display:inline-block;width:10px;height:10px;margin-right:6px;border-radius:3px;vertical-align:-1px}.kf-trend-legend .income:before{background:#22c55e}.kf-trend-legend .expense:before{background:#ef4444}.kf-trend-legend strong.pos{color:#4ade80}.kf-trend-legend strong.neg{color:#f87171}.kf-trend-bars{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-gap:6px;gap:6px;height:200px;padding-top:12px}.kf-trend-col{display:flex;flex-direction:column;gap:6px;padding:6px 4px 4px;border:1px solid transparent;border-radius:8px;background:transparent;cursor:pointer;transition:background .15s,opacity .15s}.kf-trend-col:hover{background:hsla(55,80%,92%,.04)}.kf-trend-col.active{background:rgba(213,171,22,.08);border-color:rgba(213,171,22,.4)}.kf-trend-col.dim{opacity:.45}.kf-trend-pair{flex:1 1;display:flex;align-items:flex-end;justify-content:center;gap:3px}.kf-trend-pair .bar{width:38%;max-width:18px;min-height:2px;border-radius:4px 4px 0 0;transition:height .3s ease}.kf-trend-pair .bar.income{background:linear-gradient(180deg,#4ade80,rgba(34,197,94,.5))}.kf-trend-pair .bar.expense{background:linear-gradient(180deg,#f87171,rgba(239,68,68,.5))}.kf-trend-label{font-size:11px;color:hsla(55,80%,92%,.6);text-align:center}.kf-trend-label i{margin-left:2px;font-style:normal;color:#d5ab16}.kf-flow-toggle{display:inline-flex;gap:2px;padding:3px;margin-bottom:14px;border-radius:8px;background:rgba(33,42,49,.6);border:1px solid rgba(158,177,190,.18)}.kf-flow-toggle button{padding:6px 14px;border:none;border-radius:6px;background:transparent;color:hsla(55,80%,92%,.6);font-size:13px;font-weight:600;cursor:pointer}.kf-flow-toggle button.active{background:rgba(213,171,22,.15);color:#f3d35b}.kf-clickable{cursor:pointer}.kf-views{display:flex;gap:4px;margin-bottom:12px;overflow-x:auto}.kf-view{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:8px;border:1px solid transparent;background:transparent;color:hsla(55,80%,92%,.6);font-size:13px;font-weight:600;cursor:pointer}.kf-view span{padding:1px 7px;border-radius:999px;background:hsla(55,80%,92%,.08);font-size:11px}.kf-view.active{color:#f3d35b;background:rgba(213,171,22,.1);border-color:rgba(213,171,22,.35)}.kf-sortable button{display:inline-flex;align-items:center;gap:4px;padding:0;border:none;background:transparent;color:inherit;font:inherit;text-transform:inherit;letter-spacing:inherit;cursor:pointer}.kf-sortable.text-right button{width:100%;justify-content:flex-end}.kf-sortable.active button,.kf-sortable:hover button{color:#f3d35b}.kf-desc,.kf-nowrap{white-space:nowrap}.kf-desc{max-width:360px;overflow:hidden;text-overflow:ellipsis}.kf-amount{font-weight:600;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;white-space:nowrap}.kf-cat{display:inline-flex;align-items:center;gap:6px;padding:3px 9px;border-radius:6px;border:1px solid rgba(158,177,190,.22);background:rgba(158,177,190,.08);color:hsla(55,80%,92%,.9);font-size:12px;white-space:nowrap;cursor:pointer}.kf-cat:hover{border-color:rgba(213,171,22,.5)}.kf-cat i{width:8px;height:8px;border-radius:50%}.kf-table .text-center{text-align:center}.kf-pager{justify-content:space-between;padding-top:12px;font-size:12px;color:hsla(55,80%,92%,.65)}.kf-pager,.kf-pager>div{display:flex;align-items:center}.kf-pager>div{gap:8px}.kf-pager button,.kf-pager select{height:28px;border-radius:6px;border:1px solid rgba(158,177,190,.22);background:rgba(33,42,49,.55);color:#fbf8da;font-size:12px}.kf-pager button{width:28px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.kf-pager button:disabled{opacity:.35;cursor:not-allowed}@media (max-width:1100px){.kf-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:700px){.kf-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.kf-trend-bars{height:150px}}