/* =========================================================
   BEC — د عاید او لګښت برخې سټایل (نورو برخو ته لاس نه وهي)
   ========================================================= */
#financeSection{--fin-line:#e3ecf7;--fin-ink:#14325a;--fin-good:#16803f;--fin-bad:#c0262d}
#financeSection .fin-head h2{margin:14px 0 6px;color:var(--fin-ink)}
#financeSection .fin-head p{color:#5b7090;font-size:14px;line-height:1.8;margin:0 0 14px}
#financeSection h3{margin:20px 0 10px;color:var(--fin-ink)}
#financeSection .fin-cards{grid-template-columns:repeat(3,minmax(0,1fr))!important}
#financeSection .fin-cards .card{min-height:105px}
#financeSection .fin-cards .card:before{background:#0b6cf0}
#financeSection .fin-cards .fin-inc:before,#financeSection .fin-cards .fin-pos:before{background:#16a35a}
#financeSection .fin-cards .fin-exp:before,#financeSection .fin-cards .fin-neg:before{background:#f0464f}
#financeSection .fin-cards .fin-neg .number{color:var(--fin-bad)}
#financeSection .fin-cards .fin-pos .number{color:var(--fin-good)}

#financeSection .fin-tabs{display:flex;gap:8px;flex-wrap:wrap;border-bottom:2px solid var(--fin-line);margin:8px 0 18px}
#financeSection .fin-tab{border:0;background:#eef4fc;color:#38557f;padding:11px 18px;border-radius:10px 10px 0 0;font-size:15px;font-weight:700;cursor:pointer;font-family:inherit}
#financeSection .fin-tab:hover{background:#e0ecfb}
#financeSection .fin-tab.on{background:#0b6cf0;color:#fff}
#financeSection .fin-pane{display:none}
#financeSection .fin-pane.on{display:block}
#financeSection .fin-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}

#financeSection .fin-actions{display:flex;gap:10px;flex-wrap:wrap;margin:14px 0}
#financeSection .fin-filter{display:flex;gap:10px;flex-wrap:wrap;margin:8px 0 12px}
#financeSection .fin-filter select,#financeSection .fin-filter .fin-search{padding:10px 12px;border:1px solid #cfdcee;border-radius:9px;font-family:inherit;font-size:14px;background:#fff}
#financeSection .fin-filter .fin-search{flex:1 1 220px}
#financeSection .fin-btn,.fin-dash .fin-btn{border:1px solid #cfdcee;background:#fff;color:#27466f;padding:10px 16px;border-radius:9px;font-weight:700;font-size:14px;cursor:pointer;font-family:inherit}
#financeSection .fin-btn:hover{background:#f1f6fd}
#financeSection .fin-primary,.fin-dash .fin-primary{background:#0b6cf0;border-color:#0b6cf0;color:#fff}
#financeSection .fin-primary:hover,.fin-dash .fin-primary:hover{background:#0a5fd9}
#financeSection .fin-mini{border:1px solid #cfdcee;background:#fff;border-radius:8px;padding:6px 10px;cursor:pointer;font-size:14px;font-family:inherit;font-weight:700}
#financeSection .fin-danger{color:#c0262d;border-color:#f0c4c6}
#financeSection .fin-danger:hover{background:#fdeeee}
#financeSection .fin-rowact{white-space:nowrap}
#financeSection .fin-rowact .fin-mini{margin-inline-end:4px}

#financeSection .fin-table{min-width:420px}
#financeSection .fin-ledger{min-width:820px}
#financeSection .fin-table tbody tr:hover{background:#f3f8ff}
#financeSection .fin-sum td{font-weight:700;background:#f4f8fe}
#financeSection .fin-good{color:var(--fin-good);font-weight:700}
#financeSection .fin-bad{color:var(--fin-bad);font-weight:700}
#financeSection .fin-empty{text-align:center;color:#7a8ca6;padding:18px}
#financeSection .fin-sub{color:#7a8ca6;font-size:12.5px;margin-inline-start:6px}
#financeSection .fin-total{margin:6px 0 10px;color:#38557f;font-size:15px}
#financeSection .fin-badge{display:inline-block;padding:3px 10px;border-radius:20px;font-size:12.5px;font-weight:700}
#financeSection .fin-badge.income{background:#e1f5e8;color:#14532d}
#financeSection .fin-badge.expense{background:#fde8e7;color:#991b1b}
#financeSection .fin-msg{margin:10px 0;font-size:14px;border-radius:8px}
#financeSection .fin-msg.ok,#financeSection .fin-msg.err{padding:10px 12px}
#financeSection .fin-msg.ok{background:#e1f5e8;color:#14532d}
#financeSection .fin-msg.err{background:#fde8e7;color:#991b1b}

/* Dashboard card */
.fin-dash{background:#fff;border:1px solid #e7eef8;border-radius:14px;box-shadow:0 3px 14px #193c6510;padding:18px 20px;margin:16px 0}
.fin-dash .fin-dash-head{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}
.fin-dash h3{margin:0;font-size:18px;color:#14325a}
.fin-dash h3 small{color:#7a8ca6;font-weight:400;margin-inline-start:6px}
.fin-dash .fin-dash-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:16px 0 0}
.fin-dash .fin-dash-stats div{background:#f4f8fe;border-radius:11px;padding:14px;text-align:center}
.fin-dash .fin-dash-stats b{display:block;font-size:26px;color:#0b3a7a}
.fin-dash .fin-dash-stats b.fin-good{color:#16803f}
.fin-dash .fin-dash-stats b.fin-bad{color:#c0262d}
.fin-dash .fin-dash-stats span{font-size:13px;color:#5b7090}

@media(max-width:900px){#financeSection .fin-cards{grid-template-columns:repeat(2,minmax(0,1fr))!important}#financeSection .fin-two{grid-template-columns:1fr}}
@media(max-width:560px){#financeSection .fin-tab{flex:1 1 45%;border-radius:10px}#financeSection .fin-cards{grid-template-columns:1fr!important}.fin-dash .fin-dash-stats{grid-template-columns:1fr}}