.finance{margin:16px 0;padding:18px;border:1px solid #cbdce8;border-radius:16px;background:#f7fafc;color:#23435b}
.finance-head,.finance-payment-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:14px}.finance h3,.finance h4{margin:0;font-size:17px}.finance-access{font-size:11px;font-weight:700;color:#596e82}.finance-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:12px 0}.finance-kpis>div{padding:13px 10px;background:white;border:1px solid #dce5ed;border-radius:12px;min-width:0}.finance-kpis span{display:block;font-size:11px;color:#637d91;margin-bottom:7px}.finance-kpis strong{display:block;font-size:18px;overflow-wrap:anywhere}.finance-help{font-size:12px;line-height:1.5;color:#64778a;margin:10px 0}.finance-table-wrap{max-width:100%;overflow-x:auto}.finance-table{width:100%;border-collapse:collapse;margin:12px 0;font-size:12px}.finance-table th{font-size:11px;text-align:left;color:#64778a}.finance-table th,.finance-table td{padding:10px 7px;border-bottom:1px solid #dbe5ec;vertical-align:top}.finance-table td:nth-child(2){overflow-wrap:anywhere}.finance-table small{display:block;margin-top:5px;font-size:10px;color:#64778a}.finance input{box-sizing:border-box;max-width:100%;border:1px solid #c8d7e1;border-radius:8px;padding:9px;background:white;font:inherit;color:#23435b}.finance input:focus{outline:2px solid #8cc4ed;outline-offset:1px}.finance-amount{width:135px;min-width:100px}.finance-fields{display:flex;flex-wrap:wrap;gap:14px;margin:14px 0}.finance-fields label{display:flex;flex-direction:column;gap:7px;font-size:12px;flex:1;min-width:150px}.finance-fields input{width:100%}.finance-controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:12px 0}.finance-controls .btn{font-size:12px}.finance-controls span{font-size:11px;color:#64778a}.finance-payment-head{border-top:1px solid #dbe5ec;margin-top:22px;padding-top:18px}.finance-payment-status,.finance-readiness{display:inline-block;border-radius:8px;background:#e6eef5;color:#405f78;padding:5px 7px;font-size:11px;white-space:nowrap}.finance-readiness.is-ready{background:#dff5e8;color:#177348}.finance-warning{font-size:12px;line-height:1.5;background:#fff3dd;border-radius:8px;padding:10px;color:#83560e!important}.finance-overdue{font-size:13px;background:#ffeded;color:#a42d2d;padding:12px;border-radius:9px;font-weight:700}.finance-delete{border:1px solid #ecc9c9;background:#fff6f6;color:#ac3333;border-radius:8px;padding:7px;font:inherit;cursor:pointer}.finance-message{font-size:12px;line-height:1.5;min-height:18px;overflow-wrap:anywhere}.finance [disabled]{opacity:.6;cursor:wait}
@media(max-width:700px){.finance{padding:12px}.finance-kpis{grid-template-columns:1fr}.finance-kpis strong{font-size:19px}.finance-table{min-width:480px}}
@media print{.finance{display:none!important}}

.finance-overview{align-items:center;justify-content:space-between;gap:18px;margin:0 0 14px;padding:11px 16px;border:1px solid #cfe0eb;border-radius:14px;background:linear-gradient(100deg,#eef7fd,#fff);box-shadow:0 4px 14px rgba(16,57,91,.06)}
.finance-overview>div{display:flex;align-items:baseline;gap:14px}.finance-overview span{font-size:10px;font-weight:900;letter-spacing:.55px;color:#668096}.finance-overview strong{font-size:22px;color:#163f5f}.finance-overview p{margin:0;font-size:11px;color:#668096}.finance-overview p b{color:#a65f00}
.status-line,.detail-status-badges{display:flex;align-items:center;justify-content:flex-end;gap:7px;flex-wrap:wrap}
.payment-badge{display:inline-flex;flex-direction:column;gap:4px;min-width:128px;padding:5px 8px;border-radius:10px;background:#edf2f6;color:#586f82;font-size:9px;font-weight:900;text-align:left;white-space:nowrap}
.payment-badge i{display:block;height:4px;border-radius:99px;background:rgba(60,85,105,.14);overflow:hidden}.payment-badge i b{display:block;height:100%;border-radius:99px;background:#788d9d}
.payment-badge.paid{background:#e4f8ee;color:#087f49}.payment-badge.paid i b{background:#14b86c}.payment-badge.partial{background:#e7f2ff;color:#116dbd}.payment-badge.partial i b{background:#147be0}.payment-badge.unpaid{background:#ffebeb;color:#b93434}.payment-badge.unpaid i b{background:#ef5555}.payment-badge.unknown{background:#eef2f5;color:#718394}.payment-badge-big{min-width:148px;padding:7px 10px;font-size:10px}
.unpaid-filter{display:inline-flex;align-items:center;gap:7px;border:1px solid #d7e2ea;background:#f5f8fa;color:#506b7f;border-radius:999px;padding:8px 11px;font-size:10px;font-weight:900;cursor:pointer}.unpaid-filter b{display:grid;place-items:center;min-width:19px;height:19px;border-radius:99px;background:#e3ebf1}.unpaid-filter.active{border-color:#ef9d9d;background:#fff0f0;color:#b63434}.unpaid-filter.active b{background:#ffdada}
.detail-mode-tabs{display:flex;gap:4px;margin:14px 0;padding:4px;border-radius:12px;background:#edf3f7;width:max-content}.detail-mode-tabs button{border:0;border-radius:9px;background:transparent;color:#647c8f;padding:9px 18px;font-size:11px;font-weight:900;cursor:pointer}.detail-mode-tabs button.active{background:#fff;color:#176aa8;box-shadow:0 2px 8px rgba(20,70,105,.12)}
.finance-screen{margin-top:0}.finance-loading{padding:30px;text-align:center;color:#74899a;font-size:12px}
.finance-screen{padding:0;border:0;background:transparent;box-shadow:none}.finance-screen>.finance-head{padding:16px 18px;margin:0 0 12px;border:1px solid #d9e5ed;border-radius:14px;background:#fff}.finance-head>div>p{margin:4px 0 0;font-size:11px;color:#74899a}
.finance-kpis-4{grid-template-columns:repeat(4,minmax(0,1fr));margin:0 0 12px}.finance-kpis-4>div{padding:15px 14px;border-radius:14px}.finance-kpis-4 strong{font-size:20px}
.finance-workspace{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(330px,.75fr);gap:12px;align-items:start}.finance-card{min-width:0;padding:16px;border:1px solid #d9e5ed;border-radius:14px;background:#fff;box-shadow:0 4px 14px rgba(16,57,91,.045)}
.finance-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:10px}.finance-card-head h4{margin:0;font-size:15px;color:#214762}.finance-card-head p{margin:5px 0 0;font-size:10px;line-height:1.4;color:#74899a}.finance-edit{border:1px solid #bfd6e7;border-radius:9px;background:#f1f7fb;color:#276b9c;padding:8px 10px;font-size:10px;font-weight:900;cursor:pointer;white-space:nowrap}
.finance-price-card .finance-table{margin:6px 0}.finance-price-card .finance-table th:nth-child(1){width:64px}.finance-price-card .finance-table th:nth-child(3){width:150px}.finance-price-card .finance-table th:nth-child(4){width:82px}.finance-price-card .finance-table td>strong{font-size:12px;color:#23435b;white-space:nowrap}.finance-total-check{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:12px;padding:11px 12px;border-radius:10px;background:#f3f7fa;font-size:11px;color:#647b8e}.finance-total-check strong{font-size:14px;color:#23435b}.finance-price-fields{margin-bottom:8px}
.finance-payment-card{position:relative}.finance-payment-status.paid{background:#e4f8ee;color:#087f49}.finance-payment-status.partial{background:#e7f2ff;color:#116dbd}.finance-payment-status.unpaid{background:#ffebeb;color:#b93434}.finance-payment-status.unknown{background:#eef2f5;color:#718394}.finance-payment-progress{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;margin:14px 0}.finance-payment-progress i{height:9px;border-radius:99px;background:#e4ebf0;overflow:hidden}.finance-payment-progress i b{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#0d83e8,#14b86c)}.finance-payment-progress strong{font-size:12px;color:#35566f}
.finance-payment-numbers{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:13px}.finance-payment-numbers>div{padding:11px;border-radius:10px;background:#f4f8fa}.finance-payment-numbers span{display:block;margin-bottom:5px;font-size:10px;color:#74899a}.finance-payment-numbers strong{display:block;font-size:15px;color:#23435b;overflow-wrap:anywhere}.finance-inline-form{display:flex;align-items:flex-end;gap:8px;padding-top:12px;border-top:1px solid #e4ebf0}.finance-inline-form label{display:flex;flex:1;flex-direction:column;gap:6px;font-size:10px;color:#647b8e}.finance-inline-form input{width:100%}.finance-inline-form .btn{padding:10px 11px;font-size:10px;white-space:nowrap}.finance-payment-actions{margin:13px 0}.finance-payment-actions .btn{width:100%}.finance-payment-form{padding:12px;border-radius:11px;background:#f5f9fc}.finance-payment-form .finance-fields{margin:0 0 10px}.finance-payment-form .finance-controls{margin:0}.finance-history{margin-top:15px;padding-top:13px;border-top:1px solid #e4ebf0}.finance-history h5{margin:0 0 8px;font-size:11px;color:#526d81}.finance-history .finance-table{margin:0}.finance-empty-row{text-align:center;color:#7a8d9d}.finance-message{margin:9px 2px 0}
@media(max-width:1350px){.finance-workspace{grid-template-columns:1fr}.finance-kpis-4{grid-template-columns:repeat(2,minmax(0,1fr))}}
.finance-overview{flex-wrap:wrap;justify-content:flex-start}.finance-overview>div{flex:1;min-width:220px;flex-direction:column;gap:5px}.finance-overview>div+div{border-left:1px solid #d4e1eb;padding-left:20px}.finance-overview p{flex-basis:100%}.payment-overdue-badge{background:#ffebeb;color:#b93434;border:1px solid #efbaba;white-space:nowrap}