/* Finance CSS */
.fin-wallet-card {
  background: linear-gradient(145deg, #0B6E4F 0%, #00A868 100%);
  border-radius: 22px;
  padding: 24px 20px 20px;
  color: white;
  margin-bottom: 20px;
  box-shadow: 0 14px 42px rgba(11,110,79,0.32);
  position: relative;
  overflow: hidden;
}
.fin-wallet-card::before {
  content:'';position:absolute;top:-50px;right:-50px;
  width:180px;height:180px;background:rgba(255,255,255,0.07);border-radius:50%;
}
.fin-wal-top { display:flex;align-items:center;justify-content:space-between;margin-bottom:12px; }
.fin-wal-top span { font-size:13px;opacity:.85;font-weight:500; }
.fin-wal-bal { font-size:36px;font-weight:800;font-family:var(--font2);margin-bottom:4px;letter-spacing:-0.5px; }
.fin-wal-pts { font-size:12px;opacity:.75;display:flex;align-items:center;gap:5px;margin-bottom:18px; }
.fin-wal-row { display:flex;gap:10px; }
.fin-btn {
  flex:1;background:rgba(255,255,255,0.18);border:1px solid rgba(255,255,255,0.28);
  color:white;padding:10px;border-radius:12px;font-size:12px;font-weight:600;
  display:flex;align-items:center;justify-content:center;gap:6px;transition:var(--transition);
  text-decoration:none;
}
.fin-btn:active{transform:scale(0.95);}
.wallet-cards-row { display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:20px; }
.sub-wallet-card {
  border-radius:14px;padding:16px;color:white;display:flex;align-items:center;gap:12px;
  box-shadow:0 6px 20px rgba(0,0,0,0.15);
}
.sub-wallet-card > i { font-size:28px;opacity:.85; }
.sub-wal-info span { display:block;font-size:11px;opacity:.8;margin-bottom:3px; }
.sub-wal-info strong { font-size:16px;font-weight:800; }
.fin-links { display:flex;flex-direction:column;gap:2px;background:var(--white);border-radius:var(--radius);border:1px solid var(--border);overflow:hidden;margin-bottom:16px; }
.fin-link-item { display:flex;align-items:center;gap:14px;padding:15px 16px;text-decoration:none;transition:var(--transition);border-bottom:1px solid var(--border); }
.fin-link-item:last-child { border-bottom:none; }
.fin-link-item:active { background:var(--bg); }
.fin-link-icon { width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0; }
.fin-link-info { flex:1; }
.fin-link-info span { display:block;font-size:14px;font-weight:700;color:var(--text); }
.fin-link-info small { font-size:12px;color:var(--text2); }
.fin-link-item > i { color:var(--text3);font-size:18px; }