.finance-page{display:none;background:#f4f6f8;margin:-18px;padding:18px;min-height:calc(100vh - 70px)}.fin-shell{max-width:1240px;margin:auto;color:#171a24}.fin-top{display:flex;justify-content:space-between;align-items:center;gap:12px;background:#171a24;color:#fff;border-radius:17px;padding:15px 18px;margin-bottom:9px}.fin-top span{font-size:10px;color:#abb1be}.fin-top h2{font-size:21px;margin:3px 0}.fin-period{display:flex;gap:6px}.fin-period select,.fin-period button{border:1px solid #ffffff20;background:#ffffff0d;color:#fff;border-radius:9px;padding:9px 11px;font:inherit;font-size:10px}.fin-period select option{color:#171a24}.fin-period .fin-add{background:#ff6255;border-color:#ff6255;font-weight:800}.fin-tabs{display:flex;gap:4px;overflow:auto;padding:3px 0 9px}.fin-tabs button{border:0;background:transparent;color:#6f7785;border-radius:9px;padding:8px 11px;font:inherit;font-size:11px;white-space:nowrap}.fin-tabs button.active{background:#252936;color:#fff}.fin-brief{display:flex;justify-content:space-between;align-items:center;gap:15px;background:linear-gradient(135deg,#312b65,#6659ca);color:#fff;border-radius:17px;padding:17px;margin-bottom:9px}.fin-brief span,.fin-brief h3,.fin-brief p{display:block;margin:0}.fin-brief span{font-size:9px;color:#c9c4ee}.fin-brief h3{font-size:22px;margin:4px 0}.fin-brief p{font-size:10px;color:#dedbf3}.fin-brief button{border:0;background:#fff;color:#413787;border-radius:9px;padding:10px 12px;font:inherit;font-size:10px;font-weight:700}.fin-kpis{display:grid;grid-template-columns:repeat(5,1fr);gap:7px;margin-bottom:9px}.fin-kpi{position:relative;border:1px solid #e0e4e9;background:#fff;border-radius:14px;padding:12px;text-align:right;font:inherit;min-height:105px}.fin-kpi:hover{border-color:#aeb6c2;transform:translateY(-1px)}.fin-kpi span,.fin-kpi b,.fin-kpi small,.fin-kpi em{display:block}.fin-kpi span{font-size:9px;color:#747c89}.fin-kpi b{font-size:19px;margin:6px 0}.fin-kpi small{font-size:8px;color:#888f9c}.fin-kpi em{position:absolute;bottom:10px;left:10px;font-style:normal;font-size:8px;color:#5a52c6}.fin-kpi.good{border-top:3px solid #1e9a72}.fin-kpi.warn{border-top:3px solid #dc912f}.fin-kpi.danger{border-top:3px solid #d44f58}.fin-layout{display:grid;grid-template-columns:1.5fr .7fr;gap:9px;margin-bottom:9px}.fin-layout.lower{grid-template-columns:1.25fr .75fr}.fin-card{background:#fff;border:1px solid #e0e4e9;border-radius:15px;padding:13px}.fin-card>header{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:7px}.fin-card header span,.fin-card header h3{display:block}.fin-card header span{font-size:8px;color:#858c98}.fin-card header h3{font-size:14px;margin:2px 0}.fin-card header button{border:0;background:#f1f3f5;border-radius:7px;padding:7px 9px;font:inherit;font-size:8px}.fin-set-row{width:100%;display:grid;grid-template-columns:8px 1fr auto auto auto;gap:8px;align-items:center;border:0;border-top:1px solid #edf0f3;background:#fff;padding:10px 0;text-align:right;font:inherit}.fin-set-row>i{width:7px;height:35px;border-radius:99px;background:#d99a38}.fin-set-row>i.ok{background:#27a47d}.fin-set-row>i.issue{background:#d4515a}.fin-set-row b,.fin-set-row span{display:block}.fin-set-row b{font-size:10px}.fin-set-row span{font-size:8px;color:#848b97;margin-top:2px}.fin-set-row strong{font-size:10px}.fin-set-row em{font-style:normal;background:#f2f3f6;border-radius:99px;padding:5px 7px;font-size:8px}.fin-set-row small{font-size:8px;color:#5c53c4}.fin-alerts>header>b{background:#ffe9e7;color:#c6483e;border-radius:99px;padding:5px 7px;font-size:10px}.fin-alerts>button{width:100%;display:flex;gap:8px;align-items:center;border:0;border-top:1px solid #edf0f3;background:#fff;padding:10px 0;text-align:right;font:inherit}.fin-alerts>button>i{width:30px;height:30px;border-radius:9px;background:#fff1df;color:#b86b1f;display:grid;place-items:center;font-style:normal}.fin-alerts b,.fin-alerts span{display:block}.fin-alerts b{font-size:10px}.fin-alerts span{font-size:8px;color:#848b97;margin-top:2px}.cash-bars{height:135px;display:flex;align-items:end;gap:8px;padding:12px}.cash-bars button{flex:1;height:100%;border:0;background:transparent;display:flex;flex-direction:column;justify-content:end;align-items:center;gap:5px}.cash-bars i{width:70%;height:var(--cash);background:linear-gradient(180deg,#6a5bd1,#a89fee);border-radius:6px 6px 2px 2px}.cash-bars span{font-size:8px;color:#7c8390}.margin-card{cursor:pointer;background:#222633;color:#fff}.margin-card>span{font-size:9px;color:#b7bdc8}.margin-card>b{display:block;font-size:35px;margin:12px 0}.margin-card>div{height:8px;background:#ffffff14;border-radius:99px;overflow:hidden}.margin-card>div i{display:block;height:100%;background:#60d3a9}.margin-card p{font-size:8px;color:#bfc4ce}.fin-page-head{display:flex;justify-content:space-between;align-items:end;gap:12px;padding:10px 2px 15px}.fin-page-head span{font-size:9px;color:#828995}.fin-page-head h2{font-size:22px;margin:3px 0}.fin-page-head p{font-size:10px;color:#7b8290;margin:0}.fin-page-head>button{border:0;background:#252936;color:#fff;border-radius:9px;padding:9px 12px;font:inherit;font-size:10px}.fin-table-card{padding:10px 13px}.fin-set-head,.fin-set-table{display:grid;grid-template-columns:1.3fr 70px 1fr 1fr 1fr 120px;gap:7px;align-items:center}.fin-set-head{font-size:8px;color:#868d99;padding:8px;border-bottom:1px solid #e7eaee}.fin-set-table{width:100%;border:0;border-bottom:1px solid #edf0f3;background:#fff;padding:11px 8px;text-align:right;font:inherit}.fin-set-table b,.fin-set-table small{display:block}.fin-set-table b{font-size:10px}.fin-set-table small{font-size:8px;color:#848b97;margin-top:2px}.fin-set-table span,.fin-set-table strong{font-size:9px}.fin-set-table em{font-style:normal;font-size:8px;background:#f2f3f6;border-radius:99px;padding:5px;width:max-content}.expense-row{width:100%;display:grid;grid-template-columns:85px 1fr auto 120px;gap:8px;align-items:center;border:0;border-top:1px solid #edf0f3;background:#fff;padding:11px 0;text-align:right;font:inherit}.expense-row>span{font-size:8px;color:#838a96}.expense-row b,.expense-row small{display:block}.expense-row b{font-size:10px}.expense-row small{font-size:8px;color:#858c98;margin-top:2px}.expense-row strong{font-size:10px}.expense-row em{font-style:normal;border-radius:99px;padding:5px 7px;font-size:8px;text-align:center}.expense-row em.approved{background:#e7f7f1;color:#187459}.expense-row em.waiting{background:#fff0de;color:#aa641c}.pnl-layout{display:grid;grid-template-columns:1.2fr .8fr;gap:9px}.pnl-card{padding:5px 13px}.pnl-row{width:100%;display:grid;grid-template-columns:1fr auto 25px;border:0;border-bottom:1px solid #edf0f3;background:#fff;padding:13px 0;text-align:right;font:inherit}.pnl-row span,.pnl-row b{font-size:11px}.pnl-row em{font-style:normal;color:#5a52c6}.pnl-row.total{font-weight:800;background:#f8f9fb}.pnl-row.final{background:#252936;color:#fff;margin:7px 0;border-radius:10px;padding:13px 10px}.profit-bridge>span{font-size:9px;color:#858c98}.profit-bridge>h3{font-size:25px;margin:4px 0 12px}.profit-bridge>button{width:100%;display:grid;grid-template-columns:105px 1fr auto;gap:7px;align-items:center;border:0;background:#fff;padding:8px 0;font:inherit;text-align:right}.profit-bridge button b,.profit-bridge button span{font-size:8px}.profit-bridge button>i{height:7px;background:#edf0f3;border-radius:99px;overflow:hidden}.profit-bridge button>i em{display:block;height:100%;background:#6658cd}.cash-flow-chart{height:240px;display:flex;align-items:end;gap:11px;padding:20px}.cash-flow-chart button{height:100%;flex:1;border:0;background:transparent;display:flex;justify-content:center;align-items:end;gap:3px;position:relative;padding-bottom:20px}.cash-flow-chart i{width:24%;border-radius:5px 5px 1px 1px}.cash-flow-chart .in,.chart-key .in{background:#38ad83}.cash-flow-chart .out,.chart-key .out{background:#e0646c}.cash-flow-chart span{position:absolute;bottom:0;font-size:8px}.chart-key{display:flex;gap:12px;justify-content:center;font-size:8px}.chart-key i{width:8px;height:8px;display:inline-block;border-radius:2px}.report-library{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.report-library button{display:grid;grid-template-columns:38px 1fr;gap:9px;border:1px solid #e0e4e9;background:#fff;border-radius:13px;padding:12px;text-align:right;font:inherit}.report-library button:hover{border-color:#aeb6c2;transform:translateY(-1px)}.report-library i{width:36px;height:36px;border-radius:10px;background:#eeebff;color:#594bc6;display:grid;place-items:center;font-style:normal;font-size:10px}.report-library b,.report-library span{display:block}.report-library b{font-size:11px}.report-library span{font-size:8px;color:#828995;margin-top:3px;line-height:1.5}.report-library em{grid-column:2;font-style:normal;font-size:8px;color:#5b52c6}.settlement-sheet-total{background:linear-gradient(135deg,#292643,#5f54b7);color:#fff;border-radius:13px;padding:14px;margin-bottom:8px}.settlement-sheet-total span,.settlement-sheet-total b,.settlement-sheet-total small{display:block}.settlement-sheet-total span{font-size:9px;color:#c5c0e8}.settlement-sheet-total b{font-size:24px;margin:4px 0}.settlement-sheet-total small{font-size:8px}.finance-difference{display:flex;justify-content:space-between;background:#fff0ee;color:#b7453c;border-radius:9px;padding:10px;margin-top:8px;font-size:10px}.finance-difference.matched{background:#e9f7f1;color:#177359}.fin-sheet-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:8px}.fin-sheet-actions button{border:1px solid #dfe3e8;background:#fff;border-radius:9px;padding:9px;font:inherit;font-size:9px}.fin-sheet-actions .primary{background:#252936;color:#fff}.sheet-order{width:100%;display:flex;justify-content:space-between;border:0;border-bottom:1px solid #e7eaee;background:#fff;padding:10px;font:inherit;font-size:9px}.finance-note{background:#f5f6f8;border-radius:9px;padding:10px;font-size:9px;color:#747b88;line-height:1.7}
@media(max-width:900px){.fin-kpis{grid-template-columns:repeat(3,1fr)}.fin-layout,.fin-layout.lower,.pnl-layout{grid-template-columns:1fr}.report-library{grid-template-columns:1fr 1fr}}
@media(max-width:680px){.finance-page{margin:-12px;padding:10px 10px 25px}.fin-top{align-items:flex-start;flex-direction:column;padding:13px}.fin-period{width:100%;overflow:auto}.fin-period select,.fin-period button{white-space:nowrap}.fin-kpis{grid-template-columns:1fr 1fr}.fin-kpi:last-child{grid-column:1/-1}.fin-set-row{grid-template-columns:7px 1fr auto}.fin-set-row>em,.fin-set-row>small{grid-column:2}.fin-set-head{display:none}.fin-set-table{grid-template-columns:1fr auto auto}.fin-set-table>span:nth-of-type(2),.fin-set-table>span:nth-of-type(3){display:none}.expense-row{grid-template-columns:1fr auto}.expense-row>span{grid-column:1/-1}.expense-row>em{grid-column:1/-1;width:max-content}.report-library{grid-template-columns:1fr}.cash-flow-chart{height:180px;padding:10px}.fin-page-head{align-items:flex-start;flex-direction:column}}