.financial-main{background:radial-gradient(circle at 92% 6%,rgba(88,118,145,.07),transparent 29%)}
.back-dashboard{display:inline-flex;align-items:center;min-height:32px;padding:0 11px;border:1px solid var(--line);border-radius:8px;background:rgba(255,255,255,.42);color:#694f3d;font-size:11px;font-weight:650;white-space:nowrap}.back-dashboard:hover{border-color:var(--copper);color:var(--copper-dark)}
.sync-button{display:inline-flex;align-items:center;gap:6px;min-height:32px;padding:0 10px;border:1px solid #bcc5a6;border-radius:8px;background:#f2f5eb;color:#5c6a40;font-size:11px;font-weight:700;cursor:pointer}.sync-button:hover{background:#e8eddc}.sync-button svg{width:15px;height:15px}
.finance-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:12px 0 11px;padding:5px;border:1px solid var(--line);border-radius:11px;background:rgba(245,237,226,.72)}.finance-tabs{display:flex;gap:3px}.finance-tab{min-height:36px;padding:0 14px;border:0;border-radius:8px;background:transparent;color:#5e564d;font-size:11.5px;font-weight:700;cursor:pointer}.finance-tab b{display:inline-grid;place-items:center;min-width:18px;height:18px;margin-left:5px;border-radius:10px;background:#f0d9cc;color:#a95c3f;font-size:8px}.finance-tab.active{background:linear-gradient(135deg,#74794a,#61663b);color:#fff;box-shadow:0 3px 10px rgba(71,74,42,.15)}.finance-tab.active b{background:rgba(255,255,255,.16);color:#fff}.toolbar-actions{display:flex;align-items:center;gap:7px}.toolbar-actions label{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:9px}.toolbar-actions select{height:32px;padding:0 26px 0 9px;border:1px solid var(--line);border-radius:7px;background:#fffaf5;color:#5e574f;font-size:10.5px}.toolbar-actions button,.small-export{display:inline-flex;align-items:center;gap:6px;min-height:32px;padding:0 10px;border:1px solid #d8c5b1;border-radius:7px;background:#fffaf5;color:#76513d;font-size:10px;font-weight:700;cursor:pointer}.toolbar-actions svg,.small-export svg{width:14px;height:14px}.finance-view[hidden]{display:none}
.finance-kpi-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:11px;margin-bottom:12px}.finance-kpi-grid .kpi-card{height:124px;padding:16px 14px 13px}.finance-kpi-grid .kpi-card>strong{margin-top:10px;font-size:21px}.finance-kpi-grid .kpi-meta{margin-top:12px}
.finance-dashboard-grid .span-12{grid-column:span 12}.finance-dashboard-grid .span-8{grid-column:span 8}.finance-dashboard-grid .span-7{grid-column:span 7}.finance-dashboard-grid .panel{overflow:hidden}.finance-dashboard-grid .panel-heading{align-items:flex-start}.finance-dashboard-grid .panel-heading p{margin:3px 0 0;color:var(--muted);font-size:10.5px}.panel-period{flex:0 0 auto;padding:4px 8px;border-radius:6px;background:#f8eee1;color:#766a5f;font-size:9.5px}
.revenue-finance-panel,.finance-insight{min-height:330px}.finance-legend{display:flex;align-items:center;gap:6px;color:#6e655d;font-size:8.5px;white-space:nowrap}.finance-legend span{width:14px;height:7px;border-radius:2px}.finance-legend .actual{background:#d89e52}.finance-legend .budget{border:1px solid #a8a097;background:repeating-linear-gradient(45deg,#f5efe8 0 3px,#ccc2b7 3px 4px)}.finance-legend i{width:15px;border-top:2px solid #3d4030;margin-left:5px}
.revenue-finance-panel .panel-heading>a{display:inline-flex;align-items:center;min-height:32px;padding:0 10px;border:1px solid #cbd2a8;border-radius:9px;color:#5d683f;background:#f7f8ef;font-size:9px;font-weight:800;text-decoration:none}.finance-revenue-status{margin:14px 0 8px;padding:11px 12px;border:1px solid #e3d8ca;border-radius:9px;background:#faf6f0;color:#72685f;font-size:10px}.finance-import-history{display:grid;gap:7px;margin-top:10px}.finance-import-history>p,.finance-empty-state{margin:18px 0;padding:24px;border:1px dashed #d9cfbf;border-radius:11px;background:#faf6f0;color:#81786e;font-size:10px;text-align:center}.finance-import-history>div{display:grid;grid-template-columns:92px minmax(90px,1fr) 92px 42px;align-items:center;gap:9px;min-height:38px;padding:0 10px;border:1px solid #ebe2d6;border-radius:8px;background:#fff}.finance-import-history span{color:#756c62;font-size:9px;text-transform:capitalize}.finance-import-history i{height:8px;border-radius:5px;background:#eee5da;overflow:hidden}.finance-import-history i b{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#73834e,#9dad75)}.finance-import-history strong{font-size:10px;text-align:right}.finance-import-history small{color:#9b8b7c;font-size:8px;text-align:right}
.finance-chart{display:grid;grid-template-columns:45px 1fr;height:260px;margin-top:10px}.finance-y{display:flex;flex-direction:column;justify-content:space-between;padding:0 0 25px;color:#645e57;font-size:9.5px}.finance-plot{position:relative;display:flex;align-items:flex-end;justify-content:space-around;padding:0 16px 25px}.plot-lines{position:absolute;inset:0 0 25px;display:flex;flex-direction:column;justify-content:space-between}.plot-lines i{border-top:1px solid #eae2d8}.month-group{position:relative;z-index:1;display:flex;align-items:flex-end;gap:5px;width:58px;height:100%}.month-group .bar{width:19px;height:var(--h);border-radius:3px 3px 0 0}.actual-bar{background:linear-gradient(90deg,#c88e43,#dda95e)}.budget-bar{border:1px solid #aaa096;background:repeating-linear-gradient(45deg,#f5eee6 0 4px,#cfc5ba 4px 5px)}.month-group small{position:absolute;bottom:-20px;left:0;width:48px;text-align:center;font-size:9.5px}.finance-plot svg{position:absolute;z-index:2;inset:0 0 25px;width:100%;height:calc(100% - 25px);pointer-events:none}.finance-plot polyline{fill:none;stroke:#444536;stroke-width:2}.finance-plot circle{fill:#444536;stroke:none}
.finance-insight p strong{color:#ffd2aa}.finance-insight .insight-metrics{display:grid;grid-template-columns:1fr 1fr;gap:1px;margin:auto 0 15px;border:1px solid rgba(255,255,255,.17);border-radius:8px;overflow:hidden}.finance-insight .insight-metrics span{display:grid;padding:10px 12px;background:rgba(255,255,255,.04)}.finance-insight .insight-metrics small{color:#e5e3d4;font-size:9px}.finance-insight .insight-metrics b{margin-top:2px;color:#efbd91;font-size:17px}
.result-panel,.cost-breakdown-panel{min-height:345px}.result-list{display:grid;margin-top:7px;font-size:11.5px}.result-list>div{display:grid;grid-template-columns:1fr 110px 56px;align-items:center;min-height:38px;border-top:1px solid #eee4d9}.result-list strong,.result-list em{text-align:right}.result-list em{color:#6a625a;font-size:9.5px;font-style:normal}.result-list .result-total{font-weight:700;background:#faf4ec}.result-list .result-bottom{min-height:47px;border-top:2px solid #cdb79f;color:#4f5d36;background:#f0f4e8;font-size:13px}.result-list .result-bottom strong{font-size:16px}
.finance-cost-body{display:grid;grid-template-columns:160px 1fr;align-items:center;gap:13px;margin-top:22px}.finance-donut{position:relative;width:158px;height:158px;border-radius:50%;background:conic-gradient(#d6a256 0 35%,#7b8d51 35% 63%,#493d30 63% 85%,#d8c6b3 85%)}.finance-donut:after{content:"";position:absolute;inset:32px;border-radius:50%;background:#fffaf5}.finance-donut div{position:absolute;z-index:1;inset:0;display:grid;place-content:center;text-align:center}.finance-donut strong{font-size:15px}.finance-donut small{color:var(--muted);font-size:8px}.finance-cost-body ul{display:grid;gap:13px;margin:0;padding:0;list-style:none}.finance-cost-body li{display:grid;grid-template-columns:18px 1fr auto;align-items:center;gap:7px;font-size:11px}.finance-cost-body li i{width:18px;height:7px;border-radius:3px}.purchase-color{background:#d6a256}.staff-color{background:#7b8d51}.fixed-color{background:#493d30}.other-color{background:#d8c6b3}
.cash-forecast-panel,.obligations-panel{min-height:300px}.forecast-chart{display:grid;grid-template-columns:40px 1fr;height:190px;margin-top:12px}.forecast-y{display:flex;flex-direction:column;justify-content:space-between;padding-bottom:23px;font-size:9px}.forecast-plot{position:relative}.forecast-grid{position:absolute;inset:0 0 23px;display:flex;flex-direction:column;justify-content:space-between}.forecast-grid i{border-top:1px solid #eae2d9}.forecast-bars{position:absolute;inset:0 0 23px;display:flex;align-items:flex-end;justify-content:space-around;padding:0 18px}.forecast-bars>span{position:relative;display:flex;align-items:flex-end;gap:5px;width:48px;height:100%}.forecast-bars i,.forecast-bars b{width:15px;border-radius:2px 2px 0 0}.forecast-bars i{height:var(--in);background:#788854}.forecast-bars b{height:var(--out);background:#dca55c}.forecast-bars small{position:absolute;bottom:-21px;left:-3px;width:52px;text-align:center;font-size:9px}.forecast-plot svg{position:absolute;z-index:2;inset:0 0 23px;width:100%;height:calc(100% - 23px);pointer-events:none}.forecast-plot polyline{fill:none;stroke:#25251f;stroke-width:2}.forecast-plot circle{fill:#25251f;stroke:none}.cash-forecast-legend{display:flex;justify-content:center;gap:20px;font-size:9px}.cash-forecast-legend span{display:flex;align-items:center;gap:5px}.cash-forecast-legend i{width:16px;height:6px;border-radius:2px}.income-key{background:#788854}.expense-key{background:#dca55c}.balance-key{height:1px!important;background:#25251f}
.alert-count{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#cf4d4d;color:#fff;font-size:9px}.obligation-list{display:grid}.obligation-list>div{display:grid;grid-template-columns:40px 1fr auto;align-items:center;gap:10px;min-height:60px;border-bottom:1px solid #eee4d9}.obligation-list>div:last-child{border:0}.obligation-list strong,.obligation-list small{display:block}.obligation-list strong{font-size:10.5px}.obligation-list small{margin-top:2px;color:var(--muted);font-size:8.5px}.obligation-list>div>b{font-size:10.5px}.due-date{display:grid;place-items:center;width:36px;height:42px;border:1px solid #decab5;border-radius:7px;background:#fffaf4;color:#9f6445}.due-date b{font-size:13px;line-height:1}.due-date small{margin:0;font-size:7px}
.tab-detail-grid{margin-top:12px}.profit-loss-panel,.profit-advice{min-height:530px}.profit-table{font-size:11.5px}.profit-table th{height:31px}.profit-table td{height:41px}.profit-table .table-total{background:#faf4ec}.profit-table .table-result{background:#edf2e5;border-top:2px solid #9eaa82}.profit-advice p strong{color:#ffd2aa}.profit-advice .outline-button{display:inline-flex;align-items:center;text-decoration:none}.margin-panel{min-height:235px}.margin-rows{display:grid;gap:16px;margin:23px auto 0;max-width:930px}.margin-rows>div{display:grid;grid-template-columns:140px 1fr 55px;align-items:center;gap:12px;font-size:11px}.margin-rows i{height:9px;border-radius:5px;background:#eee5da;overflow:hidden}.margin-rows i b{display:block;width:var(--w);height:100%;border-radius:inherit;background:linear-gradient(90deg,#73834e,#9dad75)}.margin-rows strong{text-align:right}
.open-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px}.open-kpi-grid article{display:grid;min-height:95px;padding:13px 15px;border:1px solid var(--line);border-radius:11px;background:rgba(255,255,255,.4)}.open-kpi-grid span{color:#5e554d;font-size:9px;text-transform:uppercase}.open-kpi-grid strong{font-size:20px;color:#563b29}.open-kpi-grid small{color:var(--muted);font-size:9px}.invoice-panel,.creditor-panel{min-height:330px}.invoice-table td{height:49px}.invoice-status{display:inline-flex;min-width:54px;justify-content:center;padding:4px 6px;border-radius:10px;font-size:8.5px;font-weight:700}.invoice-status.overdue{color:#a54439;background:#f7dfd9}.invoice-status.pending{color:#896328;background:#f5e8ce}.paid-button{padding:4px 7px;border:1px solid #c5cfb0;border-radius:6px;background:#f1f5e9;color:#617543;font-size:8px;font-weight:700;cursor:pointer}.invoice-table tr.is-paid{opacity:.42}.invoice-table tr.is-paid .invoice-status{color:#617543;background:#e4ecd9}.creditor-list{display:grid}.creditor-list>div{display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:9px;min-height:61px;border-bottom:1px solid #eee4d9}.creditor-list strong,.creditor-list small{display:block}.creditor-list strong{font-size:11px}.creditor-list small{color:var(--muted);font-size:8.5px}.creditor-list>div>b{font-size:10.5px}.creditor-icon{display:grid;place-items:center;width:31px;height:31px;border-radius:9px;background:#eee2d5;color:#8c5e43;font-weight:800}.primary-finance-button{display:flex;align-items:center;justify-content:center;gap:7px;width:100%;min-height:40px;margin-top:13px;border:0;border-radius:8px;background:linear-gradient(135deg,#777c4c,#62673a);color:#fff;font-weight:700;cursor:pointer}.primary-finance-button svg{width:17px;height:17px;color:#efbd91}.invoice-flow-panel{min-height:185px}.live-label{display:inline-flex;align-items:center;gap:6px;padding:5px 9px;border-radius:12px;background:#e7eddc;color:#607642;font-size:9px;font-weight:700}.live-label i{width:6px;height:6px;border-radius:50%;background:#6b8348}.invoice-flow{display:grid;grid-template-columns:1fr 28px 1fr 28px 1fr 28px 1fr;align-items:center;gap:6px;margin:25px auto 0;max-width:950px}.invoice-flow>span{display:grid;grid-template-columns:32px 1fr;grid-template-rows:auto auto;align-items:center;column-gap:8px}.invoice-flow>span>b{grid-row:1/3;display:grid;place-items:center;width:31px;height:31px;border-radius:50%;background:#ede2d6;color:#9a6548}.invoice-flow strong{font-size:10.5px}.invoice-flow small{color:var(--muted);font-size:8.5px}.invoice-flow>i{text-align:center;color:#bd9c80;font-style:normal}
@media(max-width:1270px){.finance-kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.finance-kpi-grid .kpi-card:nth-child(4),.finance-kpi-grid .kpi-card:nth-child(5){grid-column:span 1}.finance-cost-body{grid-template-columns:140px 1fr}.finance-donut{width:140px;height:140px}.finance-donut:after{inset:28px}}
@media(max-width:820px){.back-dashboard,.sync-button span{display:none}.sync-button{width:32px;justify-content:center;padding:0}.finance-toolbar{align-items:stretch;flex-direction:column}.finance-tabs{width:100%}.finance-tab{flex:1;padding-inline:7px}.toolbar-actions{justify-content:flex-end}.finance-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.finance-dashboard-grid .revenue-finance-panel,.finance-dashboard-grid .finance-insight,.finance-dashboard-grid .result-panel,.finance-dashboard-grid .cost-breakdown-panel,.finance-dashboard-grid .cash-forecast-panel,.finance-dashboard-grid .obligations-panel,.finance-dashboard-grid .profit-loss-panel,.finance-dashboard-grid .profit-advice,.finance-dashboard-grid .margin-panel,.finance-dashboard-grid .invoice-panel,.finance-dashboard-grid .creditor-panel,.finance-dashboard-grid .invoice-flow-panel{grid-column:span 12}.finance-insight,.profit-advice{min-height:300px}.profit-loss-panel{min-height:530px}.open-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:610px){.finance-tab{font-size:10px}.finance-tab b{display:none}.toolbar-actions{justify-content:space-between}.toolbar-actions label{flex:1}.toolbar-actions select{width:100%}.finance-kpi-grid,.open-kpi-grid{grid-template-columns:1fr}.finance-kpi-grid .kpi-card{height:108px;padding:13px 15px}.finance-kpi-grid .kpi-card>strong{margin-top:6px}.finance-kpi-grid .kpi-meta{margin-top:7px}.revenue-finance-panel{min-height:320px}.finance-import-history>div{grid-template-columns:80px minmax(60px,1fr) 82px}.finance-import-history small{display:none}.finance-chart{grid-template-columns:35px}.month-group{width:42px}.month-group .bar{width:14px}.finance-legend{display:none}.finance-cost-body{grid-template-columns:125px 1fr}.finance-donut{width:125px;height:125px}.finance-donut:after{inset:25px}.result-list>div{grid-template-columns:1fr 92px 42px}.profit-loss-panel .table-wrap,.invoice-panel .table-wrap{overflow-x:auto}.profit-table{min-width:700px}.invoice-table{min-width:650px}.margin-rows>div{grid-template-columns:90px 1fr 45px}.invoice-flow{grid-template-columns:1fr;gap:7px}.invoice-flow>span{max-width:270px;margin:auto;width:100%}.invoice-flow>i{transform:rotate(90deg)}.invoice-flow-panel{min-height:360px}}