.finance-debt-banner { display:flex; align-items:center; gap:20px; padding:18px 20px; margin-bottom:20px; background:#fff7e7; color:#724500; border:1px solid #edcf94; border-radius:14px; }
.finance-debt-banner strong { font-size:17px; font-weight:600; }
.finance-debt-banner p { margin:6px 0 0; font-size:14px; line-height:1.5; }
.finance-debt-actions { display:flex; flex-wrap:wrap; align-items:center; gap:14px; flex-shrink:0; }
.finance-debt-banner.is-compact p { display:none; }
.finance-kpis { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:12px; margin:20px 0; }
.finance-kpis article { display:flex; flex-direction:column; gap:10px; padding:18px; background:#fff; border:1px solid #e6e8ec; border-radius:14px; }
.finance-kpis span,.finance-kpis small { font-size:13px; color:#707887; }
.finance-kpis strong { font-size:24px; font-weight:600; letter-spacing:-.4px; }
.finance-kpis .finance-kpi-date { font-size:15px; letter-spacing:0; }
.finance-kpis .has-debt { background:#fff7e7; border-color:#edcf94; }
.finance-debts { margin:24px 0; }
.finance-workspace h1 { font-size:26px; font-weight:600; }
.finance-workspace h2 { font-size:18px; font-weight:600; }
.finance-filters { display:flex; flex-wrap:wrap; gap:6px; margin:16px 0; }
.finance-filters button { border:1px solid #e6e8ec; border-radius:20px; padding:8px 13px; background:#fff; color:#5b6574; font:inherit; font-size:13px; cursor:pointer; }
.finance-filters button.is-active { background:#eef3ff; border-color:#c6d6fa; color:#1460f5; }
.finance-debts details,.finance-operations details { background:#fff; border:1px solid #e6e8ec; border-radius:12px; margin:8px 0; overflow:hidden; }
.finance-debts summary,.finance-operations summary { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:16px; cursor:pointer; list-style:none; }
.finance-debts summary::-webkit-details-marker,.finance-operations summary::-webkit-details-marker { display:none; }
.finance-debts summary span,.finance-operations summary span { display:grid; gap:4px; }
.finance-debts summary strong,.finance-operations summary strong { font-size:14px; font-weight:500; }
.finance-debts summary small,.finance-operations summary small { font-size:12px; color:#727b89; }
.finance-operations summary b { white-space:nowrap; font-weight:500; }
.finance-operations .is-expense summary b { color:#b34242; }
.finance-operations .is-income summary b { color:#258162; }
.finance-detail { border-top:1px solid #eef0f4; padding:16px; }
.finance-debt-calculation { display:grid; gap:12px; margin:0 0 16px; }
.finance-debt-calculation div { display:grid; grid-template-columns:minmax(130px,1fr) 2fr; gap:12px; font-size:14px; }
.finance-debt-calculation dt { color:#727b89; }
.finance-debt-calculation dd { margin:0; overflow-wrap:anywhere; }
.finance-topup { max-width:640px; }
.finance-payment-status { display:grid; gap:12px; padding:18px; margin:18px 0; background:#eef3ff; border-radius:12px; }
@media(max-width:1100px) { .finance-kpis { grid-template-columns:repeat(3,minmax(0,1fr)); } .finance-debt-banner { flex-direction:column; align-items:stretch; } }
@media(max-width:600px) { .finance-kpis { grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; } .finance-kpis article { padding:13px; } .finance-kpis strong { font-size:21px; } .finance-debt-banner { padding:16px; gap:12px; } .finance-debt-actions { gap:12px; } .finance-debt-calculation div { grid-template-columns:1fr; gap:3px; } .finance-debts summary,.finance-operations summary { padding:13px; } }

.finance-workspace{background:#f6f6f7;border:0;border-radius:18px;padding:22px}
.finance-kpis{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.finance-kpis article{border:0;padding:18px;border-radius:14px;min-height:104px}
.finance-kpis article:last-child{grid-column:1/-1;min-height:0;flex-direction:row;align-items:center;justify-content:space-between}
.finance-workspace .head-bank-summary,.finance-workspace .finance-debts{padding:18px;background:#fff;border-radius:14px}
.finance-workspace .head-bank-summary{margin:18px 0}.finance-bank-button{min-height:44px}
.finance-workspace>.head-card-title>div{display:flex;align-items:center;flex-wrap:wrap;gap:8px;min-width:0}
.finance-kpis article{min-width:0}.finance-kpis strong{font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.finance-skeleton{display:inline-block!important;position:relative;overflow:hidden;width:108px;height:24px;border-radius:6px;background:#e9e9ec;vertical-align:middle}
.finance-skeleton::after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent,#ffffff80,transparent);transform:translateX(-100%);animation:finance-sweep 1.8s linear infinite}
@keyframes finance-sweep{to{transform:translateX(100%)}}
@media(prefers-reduced-motion:reduce){.finance-skeleton::after{animation:none}}
@media(max-width:760px){.finance-workspace{padding:14px}.finance-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.finance-kpis strong{font-size:21px}.finance-workspace>.head-card-title{align-items:flex-start;gap:12px;flex-wrap:wrap}}
@media(max-width:420px){.finance-kpis article{padding:14px}.finance-kpis strong{font-size:clamp(17px,5vw,21px)}.finance-workspace .head-card-title{flex-wrap:wrap;gap:10px}.finance-kpis article:last-child{align-items:flex-start;gap:12px;flex-wrap:wrap}}