.finance-shell{color:#123f5d;width:100%}.finance-title{justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px;display:flex}.finance-title small{color:#1685b2;letter-spacing:.14em;font-weight:900}.finance-title h2{margin:5px 0 0;font-size:30px}.finance-tabs{background:#eef7fc;border:1px solid #b6d5e7;border-radius:12px;gap:7px;padding:5px;display:flex}.finance-tabs button{color:#18577f;cursor:pointer;background:0 0;border:0;border-radius:9px;padding:10px 15px;font-weight:800}.finance-tabs button.active{color:#fff;background:#087fb4;box-shadow:0 5px 12px #087fb433}.finance-period{align-items:center;gap:12px;margin-bottom:15px;display:flex}.finance-period span{font-weight:800}.finance-period select,.transaction-toolbar select,.transaction-toolbar input,.finance-import input,.finance-import select,.category-create input,.category-create select,.report-actions select{color:#123f5d;background:#fff;border:1px solid #aacbdd;border-radius:9px;height:42px;padding:0 12px}.finance-metrics{grid-template-columns:repeat(4,minmax(160px,1fr));gap:14px;margin-bottom:15px;display:grid}.finance-metrics article{background:#fff;border:1px solid #bdd7e7;border-radius:15px;padding:19px 21px;box-shadow:0 8px 20px #1648670c}.finance-metrics span{color:#638094;font-weight:800;display:block}.finance-metrics b{margin:7px 0 4px;font-size:25px;display:block}.finance-metrics small{color:#7890a1}.finance-metrics .income b{color:#078546}.finance-metrics .expense b{color:#bf4e35}.finance-metrics .net b{color:#0876aa}.finance-metrics .review b{color:#d48511}.finance-grid{grid-template-columns:minmax(0,1.7fr) minmax(290px,.8fr);gap:15px;display:grid}.finance-card,.finance-import,.import-preview,.category-create,.report-actions{background:#fff;border:1px solid #b9d5e6;border-radius:16px;padding:20px;box-shadow:0 10px 26px #153e5810}.card-heading,.report-actions,.finance-import,.category-create{justify-content:space-between;align-items:center;gap:15px;display:flex}.card-heading h3,.finance-import h3,.category-create h3,.report-actions h3{margin:0;font-size:20px}.card-heading p,.finance-import p,.category-create p,.report-actions p{color:#71889a;margin:5px 0 0}.card-heading button,.report-actions button,.transaction-toolbar button,.category-create>button{color:#0b6797;cursor:pointer;background:#eff9ff;border:1px solid #77b4d6;border-radius:9px;padding:9px 15px;font-weight:800}.chart-legend{color:#49687c;justify-content:center;gap:24px;margin:16px 0;display:flex}.chart-legend span{align-items:center;gap:7px;display:flex}.chart-legend i{border-radius:5px;width:18px;height:13px}.income-dot{background:#07884b}.expense-dot{background:repeating-linear-gradient(45deg,#eef3f5,#eef3f5 3px,#b9c8d0 3px 5px);border:1px solid #8ba3b1}.bars{border-bottom:1px solid #aac5d5;align-items:stretch;gap:9px;height:270px;padding:20px 8px 0;display:flex}.bar-month{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;min-width:30px;display:flex}.bar-pair{justify-content:center;align-items:flex-end;gap:3px;width:100%;height:220px;display:flex}.bar-pair i{border-radius:6px 6px 0 0;width:34%;max-width:24px;min-height:3px}.income-bar{background:#07884b}.expense-bar{background:repeating-linear-gradient(45deg,#f3f6f7,#f3f6f7 3px,#aabdc7 3px 5px);border:1px solid #8ba3b1}.bar-month>span{color:#607a8d;white-space:nowrap;margin-top:8px;font-size:11px}.empty-chart{color:#7892a2;margin:auto}.category-bars,.report-list{margin-top:16px}.category-bars>div,.report-list>div{grid-template-columns:minmax(0,1fr) auto;gap:5px;margin:12px 0;display:grid}.category-bars span,.report-list span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.category-bars b,.report-list b{color:#183f58}.category-bars i,.report-list i{background:#e1edf4;border-radius:5px;grid-column:1/-1;height:7px;overflow:hidden}.category-bars em,.report-list em{background:#1599bc;border-radius:5px;height:100%;display:block}.recent{margin-top:15px}.finance-table-wrap{border:1px solid #c6dce9;border-radius:12px;width:100%;margin-top:14px;overflow:auto}.finance-table-wrap table{border-collapse:collapse;width:100%;min-width:860px}.finance-table-wrap th,.finance-table-wrap td{text-align:left;border-bottom:1px solid #d9e7ef;padding:11px 12px;font-size:13px}.finance-table-wrap th{color:#15567f;background:#e9f4fa}.finance-table-wrap td strong{display:block}.finance-table-wrap td small{color:#7b8f9d;display:block}.finance-table-wrap td.income{color:#087e46;font-weight:900}.finance-table-wrap td.expense{color:#bd4d37;font-weight:900}.kind-pill{border-radius:20px;padding:4px 9px;font-weight:800;display:inline-block}.kind-pill.income{color:#087846;background:#e5f7ed}.kind-pill.expense{color:#a94735;background:#fff0ec}.transaction-table td:last-child{white-space:nowrap}.transaction-table td:last-child button{color:#0a6798;cursor:pointer;background:#fff;border:1px solid #9ec5dc;border-radius:7px;margin-right:5px;padding:5px 9px}.transaction-table td:last-child .danger,.category-item .danger{color:#b43e32;border-color:#e7a9a2}.empty-cell{color:#71899a;text-align:center!important;padding:34px!important}.finance-import,.category-create{align-items:flex-end}.finance-import>div,.category-create>div{flex:1}.finance-import label,.category-create label{flex-direction:column;gap:6px;font-weight:800;display:flex}.file-button{color:#fff;cursor:pointer;background:#087ab2;border-radius:9px;justify-content:center;height:42px;padding:0 16px}.file-button input{display:none}.import-preview{margin:15px 0}.import-confirm{color:#fff!important;background:#087ab2!important}.finance-message{background:#e9f7fd;border-left:4px solid #159cc0;border-radius:8px;margin:14px 0;padding:12px 15px}.transaction-toolbar{grid-template-columns:minmax(220px,1fr) 150px 240px auto;gap:10px;margin:20px 0;display:grid}.category-columns,.report-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;margin-top:15px;display:grid}.category-list{margin-top:12px}.category-item{border-bottom:1px solid #e0ebf1;justify-content:space-between;align-items:center;gap:12px;padding:11px 0;display:flex}.category-item.inactive{opacity:.55}.category-item>div:first-child{min-width:0}.category-item b{display:block}.category-item span{flex-wrap:wrap;gap:5px;margin-top:6px;display:flex}.category-item button{color:#18658e;cursor:pointer;background:#f7fbfe;border:1px solid #b8d4e4;border-radius:7px;padding:5px 8px}.category-item .add-child{border-style:dashed}.report-actions{margin-bottom:15px}.report-actions>div{flex:1}.report-grid h3{margin-top:0}.report-grid dl{margin:18px 0 0}.report-grid dl>div{border-bottom:1px solid #e0ebf1;justify-content:space-between;padding:11px 0;display:flex}.report-grid dd{font-weight:900}.report-grid .report-total{color:#0875a9;border-bottom:0;font-size:18px}.finance-modal{z-index:1000;background:#092c4299;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.finance-modal form{background:#fff;border-radius:17px;width:min(520px,100%);padding:22px;box-shadow:0 24px 60px #08233355}.modal-head{justify-content:space-between;align-items:center;display:flex}.modal-head h3{margin:0}.modal-head button{cursor:pointer;background:0 0;border:0;font-size:28px}.finance-modal label{flex-direction:column;gap:6px;margin-top:14px;font-weight:800;display:flex}.finance-modal input,.finance-modal select,.finance-modal textarea{font:inherit;border:1px solid #abcbdc;border-radius:9px;padding:10px 12px}.modal-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.finance-modal .check{flex-direction:row;align-items:center;display:flex}.finance-modal .check input{width:auto}.modal-actions{justify-content:flex-end;gap:9px;margin-top:20px;display:flex}.modal-actions button{background:#fff;border:1px solid #a9c9da;border-radius:9px;padding:9px 17px;font-weight:800}.modal-actions .save{color:#fff;background:#087ab2}.finance-loading,.finance-error{text-align:center;background:#fff;border:1px solid #bed7e5;border-radius:16px;padding:35px}.finance-error b{font-size:19px}.empty-copy{color:#78909f}@media (max-width:1100px){.finance-title{flex-direction:column;align-items:flex-start}.finance-metrics{grid-template-columns:repeat(2,1fr)}.finance-grid,.category-columns,.report-grid{grid-template-columns:1fr}.finance-import,.category-create{flex-direction:column;align-items:stretch}.transaction-toolbar{grid-template-columns:1fr 1fr}}@media (max-width:650px){.finance-tabs{width:100%;overflow:auto}.finance-tabs button{white-space:nowrap}.finance-metrics{grid-template-columns:1fr 1fr}.finance-metrics article{padding:15px}.finance-metrics b{font-size:20px}.transaction-toolbar{grid-template-columns:1fr}.bars{gap:3px}.bar-month>span{margin-top:13px;font-size:9px;transform:rotate(-35deg)}.finance-card,.finance-import,.category-create,.report-actions{padding:15px}.modal-row{grid-template-columns:1fr}}
