.financial-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.75);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px;animation:modalFadeIn .2s ease-out}.financial-modal-container{background:rgba(42,53,65,.98);border:1px solid rgba(213,171,22,.3);border-radius:16px;width:100%;max-width:600px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;animation:modalSlideIn .3s ease-out}.financial-modal-header{display:flex;align-items:center;justify-content:space-between;padding:24px;border-bottom:1px solid hsla(55,80%,92%,.1)}.financial-modal-header h2{font-size:24px;font-weight:700;color:#fbf8da;margin:0}.modal-close-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid hsla(55,80%,92%,.2);border-radius:8px;color:#fbf8da;cursor:pointer;transition:all .2s}.modal-close-btn:hover{background:rgba(239,68,68,.1);border-color:#ef4444;color:#ef4444}.financial-modal-error{padding:12px 24px;background:rgba(239,68,68,.1);border-left:3px solid #ef4444;color:#ef4444;font-size:14px}.financial-modal-form{display:flex;flex-direction:column;flex:1 1;overflow:hidden}.financial-modal-body{flex:1 1;overflow-y:auto;padding:24px;gap:20px}.financial-modal-body,.form-group{display:flex;flex-direction:column}.form-group{gap:8px}.form-label{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:hsla(55,80%,92%,.9)}.form-label.required:after{content:"*";color:#ef4444;margin-left:2px}.form-label svg{color:#d5ab16;font-size:16px}.form-input,.form-select,.form-textarea{padding:12px 16px;background:rgba(65,83,97,.15);border:1px solid hsla(55,80%,92%,.2);border-radius:8px;color:#fbf8da;font-size:14px;font-family:inherit;transition:all .2s;width:100%}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:#d5ab16;background:rgba(65,83,97,.25);box-shadow:0 0 0 3px rgba(213,171,22,.1)}.form-textarea{resize:vertical;min-height:80px}.type-toggle-group{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px}.type-toggle-btn{padding:12px;background:rgba(65,83,97,.15);border:2px solid hsla(55,80%,92%,.2);border-radius:8px;color:hsla(55,80%,92%,.7);font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.type-toggle-btn:hover{border-color:hsla(55,80%,92%,.4);background:rgba(65,83,97,.25)}.type-toggle-btn.active.income{background:rgba(34,197,94,.2);border-color:#22c55e;color:#22c55e}.type-toggle-btn.active.expense{background:rgba(239,68,68,.2);border-color:#ef4444;color:#ef4444}.amount-input-wrapper{position:relative;display:flex;align-items:center}.currency-symbol{position:absolute;left:16px;font-size:16px;font-weight:600;color:#d5ab16;pointer-events:none}.amount-input{padding-left:36px}.tags-input-wrapper{display:flex;flex-direction:column;gap:12px}.tags-list{display:flex;flex-wrap:wrap;gap:8px}.tag-chip{display:inline-flex;gap:6px;padding:6px 12px;background:rgba(213,171,22,.2);border:1px solid rgba(213,171,22,.3);border-radius:20px;font-size:12px;font-weight:600}.tag-chip,.tag-remove-btn{align-items:center;color:#d5ab16}.tag-remove-btn{display:flex;justify-content:center;width:16px;height:16px;background:transparent;border:none;border-radius:50%;cursor:pointer;transition:all .2s}.tag-remove-btn:hover{background:rgba(213,171,22,.3)}.tag-input-row{display:flex;gap:8px}.add-tag-btn{width:44px;height:44px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:rgba(213,171,22,.2);border:1px solid rgba(213,171,22,.3);border-radius:8px;color:#d5ab16;cursor:pointer;transition:all .2s}.add-tag-btn:hover{background:rgba(213,171,22,.3);border-color:#d5ab16}.financial-modal-footer{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-top:1px solid hsla(55,80%,92%,.1);background:rgba(33,42,49,.5)}.footer-left,.footer-right{display:flex;gap:12px}.kyan-btn{border-radius:8px;transition:all .2s}.kyan-btn:disabled{opacity:.6;cursor:not-allowed}.kyan-btn-primary{background:linear-gradient(135deg,#d5ab16,#c39a14)}.kyan-btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px rgba(213,171,22,.3)}.kyan-btn-secondary{color:#fbf8da;border:1px solid hsla(55,80%,92%,.2)}.kyan-btn-secondary:hover:not(:disabled){background:hsla(55,80%,92%,.15);border-color:hsla(55,80%,92%,.3)}.kyan-btn-danger{background:rgba(239,68,68,.2);color:#ef4444;border:1px solid rgba(239,68,68,.3)}.kyan-btn-danger:hover:not(:disabled){background:rgba(239,68,68,.3);border-color:#ef4444}.financial-modal-body::-webkit-scrollbar{width:8px}.financial-modal-body::-webkit-scrollbar-track{background:rgba(65,83,97,.1);border-radius:4px}.financial-modal-body::-webkit-scrollbar-thumb{background:rgba(213,171,22,.3);border-radius:4px}.financial-modal-body::-webkit-scrollbar-thumb:hover{background:rgba(213,171,22,.5)}@media (max-width:768px){.financial-modal-container{max-width:100%;max-height:100vh;border-radius:0}.financial-modal-body,.financial-modal-footer,.financial-modal-header{padding:16px}.type-toggle-group{grid-template-columns:1fr}.footer-left,.footer-right{flex-direction:column;width:100%}.financial-modal-footer{flex-direction:column;gap:12px}.kyan-btn{width:100%;justify-content:center}}.file-upload-area{display:flex;flex-direction:column;align-items:center;padding:24px;border:2px dashed rgba(213,171,22,.3);border-radius:8px;background:rgba(65,83,97,.05);transition:all .2s}.file-upload-area:hover{border-color:rgba(213,171,22,.5);background:rgba(65,83,97,.1)}.file-upload-btn{display:flex;align-items:center;gap:8px;padding:12px 20px;background:linear-gradient(135deg,#d5ab16,#c39a14);color:#212a31;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.file-upload-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(213,171,22,.3)}.file-upload-hint{margin:8px 0 0;font-size:12px;color:hsla(55,80%,92%,.6)}.uploaded-files{display:flex;flex-direction:column;gap:12px}.uploaded-file-item{justify-content:space-between;padding:12px 16px;background:rgba(65,83,97,.1);border:1px solid rgba(213,171,22,.2);border-radius:8px}.file-info,.uploaded-file-item{display:flex;align-items:center}.file-info{gap:12px;flex:1 1}.file-icon{font-size:16px;color:#d5ab16}.file-name{font-size:14px;color:var(--color-text);font-weight:500}.file-status{font-size:12px;padding:2px 8px;border-radius:12px;font-weight:600}.file-status.pending{background:rgba(59,130,246,.2);color:#60a5fa}.file-status.uploaded{background:rgba(34,197,94,.2);color:#4ade80}.file-status.error{background:rgba(239,68,68,.2);color:#f87171}.file-actions{display:flex;gap:8px}.file-action-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:none;border-radius:6px;cursor:pointer;transition:all .2s;font-size:14px}.file-action-btn.view{background:rgba(59,130,246,.15);color:#60a5fa}.file-action-btn.view:hover{background:rgba(59,130,246,.25)}.file-action-btn.remove{background:rgba(239,68,68,.15);color:#f87171}.file-action-btn.remove:hover{background:rgba(239,68,68,.25)}.file-replace-btn{display:flex;align-items:center;gap:8px;padding:8px 16px;background:rgba(65,83,97,.15);color:hsla(55,80%,92%,.8);border:1px solid hsla(55,80%,92%,.2);border-radius:6px;font-size:12px;cursor:pointer;transition:all .2s;margin-top:8px}.file-replace-btn:hover{background:rgba(65,83,97,.25);border-color:rgba(213,171,22,.3)}.upload-error{margin-top:8px;padding:8px 12px;background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.3);border-radius:6px;color:#f87171;font-size:12px}.tags-input-wrapper{width:100%}.tags-container{flex-wrap:wrap;gap:6px;padding:8px 12px;border:1px solid hsla(55,80%,92%,.2);border-radius:6px;background:rgba(65,83,97,.05);min-height:44px}.tag,.tags-container{display:flex;align-items:center}.tag{gap:4px;padding:4px 8px;background:rgba(213,171,22,.2);color:#d5ab16;border-radius:12px;font-size:12px;font-weight:500}.tag-remove{background:none;border:none;color:inherit;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:50%;transition:all .2s}.tag-remove:hover{background:rgba(213,171,22,.3)}.tags-input{border:none;background:none;color:var(--color-text);font-size:14px;outline:none;flex:1 1;min-width:100px}.tags-input::placeholder{color:hsla(55,80%,92%,.5)}.invoice-actions{gap:4px}.invoice-actions,.invoice-btn{display:flex;align-items:center}.invoice-btn{width:28px;height:28px;justify-content:center;border:none;border-radius:4px;cursor:pointer;transition:all .2s;font-size:12px}.invoice-btn.view{background:rgba(59,130,246,.15);color:#60a5fa}.invoice-btn.view:hover{background:rgba(59,130,246,.25)}.invoice-btn.download{background:rgba(213,171,22,.15);color:#d5ab16}.invoice-btn.download:hover{background:rgba(213,171,22,.25)}.no-invoice{color:hsla(55,80%,92%,.4);font-style:italic}.category-form-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.75);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px;animation:modalFadeIn .2s ease-out}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.category-form-container{background:rgba(42,53,65,.98);border:1px solid rgba(213,171,22,.3);border-radius:16px;width:100%;max-width:550px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.category-form-header{display:flex;align-items:center;justify-content:space-between;padding:24px;border-bottom:1px solid hsla(55,80%,92%,.1)}.category-form-header h2{font-size:24px;font-weight:700;color:#fbf8da;margin:0}.category-form-error{padding:12px 24px;background:rgba(239,68,68,.1);border-left:3px solid #ef4444;color:#ef4444;font-size:14px}.category-form{display:flex;flex-direction:column;flex:1 1;overflow:hidden}.category-form-body{flex:1 1;overflow-y:auto;padding:24px;display:flex;flex-direction:column;gap:24px}.category-type-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:12px;gap:12px}.category-type-btn{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px;background:rgba(65,83,97,.15);border:2px solid hsla(55,80%,92%,.2);border-radius:12px;color:hsla(55,80%,92%,.7);cursor:pointer;transition:all .2s ease}.category-type-btn:hover{border-color:hsla(55,80%,92%,.4);background:rgba(65,83,97,.25)}.category-type-btn.active.income{background:rgba(34,197,94,.15);border-color:#22c55e;color:#22c55e}.category-type-btn.active.expense{background:rgba(239,68,68,.15);border-color:#ef4444;color:#ef4444}.category-type-btn.active.both{background:rgba(213,171,22,.15);border-color:#d5ab16;color:#d5ab16}.type-icon{font-size:24px}.type-label{font-size:14px;font-weight:600}.color-picker-grid{display:grid;grid-template-columns:repeat(8,1fr);grid-gap:8px;gap:8px;margin-bottom:16px}.color-option{width:100%;aspect-ratio:1;border-radius:8px;border:2px solid transparent;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;position:relative}.color-option:hover{transform:scale(1.1);border-color:hsla(55,80%,92%,.3)}.color-option.active{border-color:#fbf8da;box-shadow:0 0 0 2px hsla(55,80%,92%,.2)}.color-check{color:#fff;font-size:16px;font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.3)}.custom-color-wrapper{display:flex;align-items:center;gap:12px;padding:12px;background:rgba(65,83,97,.15);border:1px solid hsla(55,80%,92%,.2);border-radius:8px}.custom-color-label{font-size:14px;color:hsla(55,80%,92%,.8);font-weight:500;white-space:nowrap}.custom-color-input{width:50px;height:40px;border:none;border-radius:6px;cursor:pointer;background:none}.custom-color-text{flex:1 1;padding:8px 12px;background:rgba(65,83,97,.25);border:1px solid hsla(55,80%,92%,.2);border-radius:6px;color:#fbf8da;font-size:14px;font-family:monospace;text-transform:uppercase}.custom-color-text:focus{outline:none;border-color:#d5ab16}.category-preview{display:flex;align-items:center;gap:16px;padding:16px;background:rgba(65,83,97,.15);border:1px solid hsla(55,80%,92%,.2);border-radius:12px}.preview-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:10px;color:#fff;font-size:24px}.preview-info{flex:1 1}.preview-name{font-size:16px;font-weight:600;color:#fbf8da;margin-bottom:4px}.preview-type{font-size:12px;color:hsla(55,80%,92%,.6);text-transform:capitalize}.category-form-footer{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:20px 24px;border-top:1px solid hsla(55,80%,92%,.1);background:rgba(33,42,49,.5)}.category-form-body::-webkit-scrollbar{width:8px}.category-form-body::-webkit-scrollbar-track{background:rgba(65,83,97,.1);border-radius:4px}.category-form-body::-webkit-scrollbar-thumb{background:rgba(213,171,22,.3);border-radius:4px}.category-form-body::-webkit-scrollbar-thumb:hover{background:rgba(213,171,22,.5)}@media (max-width:768px){.category-form-container{max-width:100%;max-height:100vh;border-radius:0}.category-type-grid{grid-template-columns:1fr}.color-picker-grid{grid-template-columns:repeat(6,1fr)}.custom-color-wrapper{flex-wrap:wrap}.custom-color-label{width:100%}.category-form-footer{flex-direction:column-reverse}.category-form-footer .kyan-btn{width:100%;justify-content:center}}@media (max-width:480px){.color-picker-grid{grid-template-columns:repeat(4,1fr)}}.category-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.75);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px;animation:modalFadeIn .2s ease-out}.category-modal-container{background:rgba(42,53,65,.98);border:1px solid rgba(213,171,22,.3);border-radius:16px;width:100%;max-width:700px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;animation:modalSlideIn .3s ease-out}.category-modal-header{display:flex;align-items:center;justify-content:space-between;padding:24px;border-bottom:1px solid hsla(55,80%,92%,.1)}.category-modal-header h2{font-size:24px;font-weight:700;color:#fbf8da;margin:0}.category-modal-body{flex:1 1;overflow-y:auto;padding:24px;display:flex;flex-direction:column;gap:20px}.category-controls{display:flex;gap:12px;flex-wrap:wrap}.category-search-input{flex:1 1;min-width:200px;padding:10px 16px;background:rgba(65,83,97,.15);border:1px solid hsla(55,80%,92%,.2);border-radius:8px;color:#fbf8da;font-size:14px;transition:all .2s}.category-search-input:focus{outline:none;border-color:#d5ab16;background:rgba(65,83,97,.25)}.type-filter-group{display:flex;gap:8px}.type-filter-btn{padding:10px 16px;background:rgba(65,83,97,.15);border:1px solid hsla(55,80%,92%,.2);border-radius:8px;color:hsla(55,80%,92%,.7);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.type-filter-btn:hover{background:rgba(65,83,97,.25);border-color:hsla(55,80%,92%,.3)}.type-filter-btn.active{background:rgba(213,171,22,.2);border-color:#d5ab16;color:#d5ab16}.add-category-btn{width:100%;justify-content:center}.categories-list{display:flex;flex-direction:column;gap:12px}.category-item{display:flex;align-items:center;justify-content:space-between;padding:16px;background:rgba(65,83,97,.09);border:1px solid rgba(73,94,109,.2);border-left:3px solid #d5ab16;border-radius:8px;transition:all .2s}.category-item:hover{background:rgba(65,83,97,.15);transform:translateX(4px)}.category-item-header{display:flex;align-items:center;gap:16px;flex:1 1}.category-item-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:8px;color:#fff;flex-shrink:0}.category-item-info{flex:1 1}.category-item-name{font-size:16px;font-weight:600;color:#fbf8da;margin:0 0 4px;display:flex;align-items:center;gap:8px}.system-badge{display:inline-flex;padding:2px 8px;background:rgba(213,171,22,.2);border:1px solid rgba(213,171,22,.3);border-radius:12px;font-size:10px;font-weight:600;color:#d5ab16;text-transform:uppercase;letter-spacing:.5px}.category-item-type{font-size:12px;color:hsla(55,80%,92%,.6);margin:0;text-transform:capitalize}.category-item-actions{display:flex;gap:8px}.icon-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid hsla(55,80%,92%,.2);border-radius:6px;color:#fbf8da;cursor:pointer;transition:all .2s}.icon-btn.edit:hover{background:rgba(213,171,22,.1);border-color:#d5ab16;color:#d5ab16}.icon-btn.delete:hover{background:rgba(239,68,68,.1);border-color:#ef4444;color:#ef4444}.empty-state{padding:60px 20px}.empty-state svg{color:rgba(213,171,22,.5);margin-bottom:16px}.empty-state p{font-size:14px}.category-modal-body::-webkit-scrollbar{width:8px}.category-modal-body::-webkit-scrollbar-track{background:rgba(65,83,97,.1);border-radius:4px}.category-modal-body::-webkit-scrollbar-thumb{background:rgba(213,171,22,.3);border-radius:4px}.category-modal-body::-webkit-scrollbar-thumb:hover{background:rgba(213,171,22,.5)}@media (max-width:768px){.category-modal-container{max-width:100%;max-height:100vh;border-radius:0}.category-controls{flex-direction:column}.category-search-input,.type-filter-group{width:100%}.type-filter-btn{flex:1 1}.category-item{flex-direction:column;align-items:flex-start;gap:12px}.category-item-actions{width:100%;justify-content:flex-end}}.financial-invoice-viewer-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.8);display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px}.financial-invoice-viewer-modal{background:var(--color-background,#212a31);border-radius:12px;width:90vw;max-width:1200px;height:90vh;max-height:800px;display:flex;flex-direction:column;border:1px solid hsla(55,80%,92%,.1);box-shadow:0 20px 40px rgba(0,0,0,.3)}.financial-invoice-viewer-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid hsla(55,80%,92%,.1);background:rgba(65,83,97,.09)}.financial-invoice-viewer-title h2{margin:0;color:var(--color-text,#fbf8da);font-size:18px;font-weight:600}.financial-invoice-record-details{margin:4px 0 0;color:hsla(55,80%,92%,.7);font-size:14px}.financial-invoice-viewer-actions{display:flex;align-items:center;gap:8px}.financial-invoice-action-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;border-radius:8px;cursor:pointer;transition:all .2s;font-size:16px;color:var(--color-text,#fbf8da);flex-shrink:0}.financial-invoice-action-btn svg{width:16px!important;height:16px!important;flex-shrink:0}.financial-invoice-action-btn.download{background:rgba(34,197,94,.1);border:1px solid rgba(34,197,94,.3)}.financial-invoice-action-btn.download:hover{background:rgba(34,197,94,.2)}.financial-invoice-action-btn.external{background:rgba(59,130,246,.1);border:1px solid rgba(59,130,246,.3)}.financial-invoice-action-btn.external:hover{background:rgba(59,130,246,.2)}.financial-invoice-action-btn.close{background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.3)}.financial-invoice-action-btn.close:hover{background:rgba(239,68,68,.2)}.financial-invoice-viewer-content{flex:1 1;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.financial-invoice-viewer-iframe{width:100%;height:100%;border:none;background:#fff}.financial-invoice-viewer-image-container{width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:auto;padding:20px}.financial-invoice-viewer-image{max-width:100%;max-height:100%;object-fit:contain;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.2)}.financial-invoice-viewer-error,.financial-invoice-viewer-loading,.financial-invoice-viewer-unsupported{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px;color:var(--color-text,#fbf8da)}.financial-invoice-viewer-loading svg{font-size:32px;color:var(--color-accent,#d5ab16);margin-bottom:16px}.financial-invoice-viewer-error svg,.financial-invoice-viewer-unsupported svg{font-size:48px;color:var(--color-warning,#d58916);margin-bottom:16px}.financial-invoice-viewer-error h3,.financial-invoice-viewer-unsupported h3{margin:0 0 8px;font-size:18px;font-weight:600}.financial-invoice-viewer-error p,.financial-invoice-viewer-unsupported p{margin:0 0 8px;color:hsla(55,80%,92%,.8)}.financial-invoice-viewer-error-note{font-size:14px;color:hsla(55,80%,92%,.6)!important;margin-top:16px!important}.financial-invoice-download-btn{display:flex;align-items:center;gap:8px;background:var(--color-accent,#d5ab16);color:var(--color-background,#212a31);border:none;padding:12px 20px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s;margin-top:16px}.financial-invoice-download-btn:hover{background:#c39a14;transform:translateY(-2px)}.file-info{background:rgba(65,83,97,.15);border:1px solid hsla(55,80%,92%,.1);border-radius:8px;padding:16px;margin:16px 0;text-align:left}.file-info p{margin:4px 0;color:hsla(55,80%,92%,.8);font-size:14px}.file-info strong{color:var(--color-text,#fbf8da)}.spinning{animation:spin 1s linear infinite}@media (max-width:768px){.financial-invoice-viewer-modal{width:95vw;height:95vh}.financial-invoice-viewer-header{padding:16px 20px}.financial-invoice-viewer-title h2{font-size:16px}.financial-invoice-record-details{font-size:13px}}.financial-charts-container{display:flex;flex-direction:column;gap:24px}.financial-summary-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:16px;gap:16px;margin-bottom:8px}.stat-box{background:rgba(65,83,97,.09);border:1px solid rgba(73,94,109,.2);border-radius:12px;padding:20px;text-align:center}.stat-box.income{border-left:4px solid #22c55e}.stat-box.expense{border-left:4px solid #ef4444}.stat-box.net.positive{border-left:4px solid #22c55e}.stat-box.net.negative{border-left:4px solid #ef4444}.stat-box.categories{border-left:4px solid #d5ab16}.stat-label{font-size:12px;color:hsla(55,80%,92%,.6);text-transform:uppercase;letter-spacing:.5px;font-weight:600;margin-bottom:8px}.stat-value{font-size:24px;font-weight:700;color:#fbf8da;line-height:1}.charts-grid{display:grid;grid-template-columns:2fr 1fr;grid-gap:24px;gap:24px}.chart-card{background:rgba(65,83,97,.09);border:1px solid rgba(73,94,109,.2);border-radius:12px;padding:20px;display:flex;flex-direction:column}.chart-header{margin-bottom:20px;flex-wrap:wrap}.chart-header,.chart-title-section{display:flex;align-items:center;gap:8px}.chart-title-section{color:#d5ab16}.chart-title-section h3{font-size:18px;font-weight:600;color:#fbf8da;margin:0}.chart-controls{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.chart-dropdown{position:relative}.chart-dropdown-trigger{display:flex;align-items:center;gap:6px;padding:8px 12px;background:rgba(65,83,97,.15);border:1px solid hsla(55,80%,92%,.2);border-radius:8px;color:#fbf8da;font-size:14px;cursor:pointer;transition:all .2s}.chart-dropdown-trigger:hover{background:rgba(65,83,97,.25)}.chart-dropdown-trigger svg.open{transform:rotate(180deg)}.chart-dropdown-menu{position:absolute;top:100%;right:0;background:rgba(42,53,65,.98);border:1px solid hsla(55,80%,92%,.2);border-radius:8px;padding:8px;min-width:160px;z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.chart-dropdown-item{padding:8px 12px;color:hsla(55,80%,92%,.8);cursor:pointer;border-radius:6px;font-size:14px;transition:all .2s}.chart-dropdown-item:hover{background:rgba(213,171,22,.1);color:#fbf8da}.chart-dropdown-item.active{background:rgba(213,171,22,.2);color:#d5ab16;font-weight:600}.view-toggle{display:flex;background:rgba(65,83,97,.15);border-radius:8px;padding:4px}.toggle-btn{padding:6px 12px;border:none;background:transparent;color:hsla(55,80%,92%,.7);font-size:12px;font-weight:600;cursor:pointer;border-radius:6px;transition:all .2s;white-space:nowrap}.toggle-btn.active{background:rgba(213,171,22,.2);color:#d5ab16}.category-list-card{min-height:400px}.category-list-container{flex:1 1;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;gap:12px;max-height:500px}.category-list-item{display:flex;align-items:center;justify-content:space-between;padding:12px;background:rgba(65,83,97,.05);border:1px solid hsla(55,80%,92%,.1);border-radius:8px;transition:all .2s;min-width:0;overflow:hidden}.category-info{display:flex;flex-direction:column;gap:4px;flex:1 1;min-width:0;margin-right:12px}.category-header{display:flex;align-items:center;gap:8px}.category-color-dot{width:12px;height:12px;border-radius:50%;flex-shrink:0}.category-name{font-size:14px;font-weight:600;color:#fbf8da;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.category-amounts{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.amount{font-size:11px;font-weight:600;padding:2px 6px;border-radius:4px}.amount.income{background:rgba(34,197,94,.15);color:#22c55e}.amount.expense{background:rgba(239,68,68,.15);color:#ef4444}.category-bar-wrapper{display:flex;align-items:center;gap:8px;min-width:100px;flex-shrink:0}.category-bar-background{flex:1 1;height:6px;background:rgba(65,83,97,.2);border-radius:3px;overflow:hidden}.category-bar-fill{height:100%;border-radius:3px;transition:width .3s ease}.category-total{font-size:12px;font-weight:600;color:#d5ab16;min-width:50px;text-align:right}.donut-chart-card{min-height:400px}.donut-wrapper{display:flex;flex-direction:column;gap:20px;flex:1 1}.donut-container{position:relative;display:flex;justify-content:center;align-items:center}.donut-svg{width:280px;height:280px}.donut-segment{transition:opacity .2s}.donut-segment:hover{opacity:1}.donut-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}.donut-total-label{font-size:12px;color:hsla(55,80%,92%,.6);text-transform:uppercase;letter-spacing:.5px;font-weight:600;margin-bottom:4px}.donut-total-value{font-size:18px;font-weight:700;color:#fbf8da}.donut-legend{display:flex;flex-direction:column;gap:8px;max-height:200px;overflow-y:auto}.legend-item{display:flex;align-items:center;gap:8px;padding:4px 0}.legend-color{width:12px;height:12px;border-radius:50%;flex-shrink:0}.legend-label{flex:1 1;font-size:12px;color:hsla(55,80%,92%,.8);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.legend-percentage{font-size:12px;font-weight:600;color:#d5ab16}.legend-item.others .legend-label{color:hsla(55,80%,92%,.5);font-style:italic}.donut-segment-modern{transition:all .3s ease;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.donut-segment-modern:hover{stroke-width:25;filter:drop-shadow(0 4px 8px rgba(0,0,0,.2))}.donut-center-modern{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;padding:20px}.donut-total-amount{font-size:28px;font-weight:800;color:#fbf8da;line-height:1;margin-bottom:4px}.donut-total-label-modern{font-size:12px;color:hsla(55,80%,92%,.6);text-transform:uppercase;letter-spacing:1px;font-weight:600;margin-bottom:8px}.donut-categories-count{font-size:14px;color:#d5ab16;font-weight:500}.donut-summary{display:flex;justify-content:space-around;align-items:center;padding:16px;background:rgba(65,83,97,.08);border-radius:8px;margin-top:20px}.donut-summary-item{display:flex;flex-direction:column;align-items:center;text-align:center}.donut-summary-item .summary-label{font-size:11px;color:hsla(55,80%,92%,.6);text-transform:uppercase;letter-spacing:.5px;font-weight:600;margin-bottom:4px}.donut-summary-item .summary-value{font-size:14px;font-weight:700;color:#d5ab16}.chart-tooltip{background:rgba(33,41,49,.98);border:1px solid hsla(55,80%,92%,.2);border-radius:8px;padding:12px;min-width:180px;box-shadow:0 8px 24px rgba(0,0,0,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:tooltipFadeIn .2s ease-out}@keyframes tooltipFadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.tooltip-header{display:flex;align-items:center;gap:8px;margin-bottom:8px;padding-bottom:8px;border-bottom:1px solid hsla(55,80%,92%,.1)}.tooltip-color{width:12px;height:12px;border-radius:50%;flex-shrink:0}.tooltip-category{font-size:14px;font-weight:600;color:#fbf8da}.tooltip-content{display:flex;flex-direction:column;gap:4px}.tooltip-row{display:flex;justify-content:space-between;align-items:center;font-size:12px}.tooltip-label{color:hsla(55,80%,92%,.7);font-weight:500}.tooltip-value{color:#fbf8da;font-weight:600}.tooltip-row.income .tooltip-value{color:#22c55e}.tooltip-row.expense .tooltip-value{color:#ef4444}.category-list-container::-webkit-scrollbar,.donut-legend::-webkit-scrollbar{width:6px}.category-list-container::-webkit-scrollbar-track,.donut-legend::-webkit-scrollbar-track{background:rgba(65,83,97,.1);border-radius:3px}.category-list-container::-webkit-scrollbar-thumb,.donut-legend::-webkit-scrollbar-thumb{background:rgba(213,171,22,.3);border-radius:3px}.category-list-container::-webkit-scrollbar-thumb:hover,.donut-legend::-webkit-scrollbar-thumb:hover{background:rgba(213,171,22,.5)}@media (max-width:1200px){.charts-grid{grid-template-columns:1fr}.financial-summary-stats{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.chart-header{flex-direction:column;align-items:stretch}.chart-controls{justify-content:center}.financial-summary-stats{grid-template-columns:1fr}.category-amounts{flex-direction:column;align-items:flex-start;gap:4px}.donut-wrapper{align-items:center}.donut-legend-modern{grid-template-columns:1fr 1fr;gap:6px}.legend-card{padding:8px}.donut-total-amount{font-size:24px}.donut-svg{width:240px;height:240px}.donut-summary{flex-direction:column;gap:8px}.donut-summary-item{flex-direction:row;gap:8px;width:100%;justify-content:space-between}.chart-tooltip{min-width:150px;padding:10px}}@media (max-width:480px){.donut-legend-modern{grid-template-columns:1fr}.donut-svg{width:200px;height:200px}.chart-tooltip{min-width:140px;font-size:11px}}.charts-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center;color:hsla(55,80%,92%,.6)}.charts-empty-state svg{color:rgba(213,171,22,.5);margin-bottom:16px}.charts-empty-state h3{font-size:20px;font-weight:600;color:#fbf8da;margin:0 0 8px}.charts-empty-state p{margin:0;font-size:14px}: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)}.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}}