/* Estilos para la página de inicio de BudgList */
:root{
  --bg:#0f172a; --bg2:#020617;
  --text:#e2e8f0; --muted:#94a3b8;
  --accent:#38bdf8; --accent-2:#0ea5e9;
  --danger:#f43f5e; /* color para deudas pendientes */
  --success:#4ade80; /* color para deudas/tareas pagadas */
  --shadow:rgba(2,6,23,.4);
}
[data-theme="light"]{
  --bg:#f6f7fb; --bg2:#eef1f6;
  --text:#0b1220; --muted:#64748b;
  --accent:#0ea5e9; --accent-2:#0284c7;
  --danger:#e11d48;
  --success:#15803d;
  --shadow:rgba(2,6,23,.08);
}

*{box-sizing:border-box;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Inter,Arial,sans-serif;}
body{
  margin:0;
  min-height:100vh;
  display:flex;
  justify-content:center;
  align-items:flex-start;
  background:radial-gradient(circle at top,var(--bg) 0%, var(--bg2) 60%, #0000 100%);
  color:var(--text);
}
.container{
  width:min(900px,100%);
  padding:clamp(12px,3vw,32px);
}
header{
  text-align:center;
  margin-bottom:2rem;
}
header h1{
  margin:0;
  font-size:2rem;
}
.tagline{
  margin-top:.5rem;
  font-size:.9rem;
  color:var(--muted);
}
.cards{
  display:grid;
  gap:1.2rem;
  grid-template-columns:repeat(auto-fit, minmax(240px, 1fr));
}
.card{
  background:rgba(2,6,23,.9);
  border:1px solid rgba(148,163,184,.12);
  border-radius:1rem;
  padding:2rem 1.2rem;
  text-decoration:none;
  color:var(--text);
  display:flex;
  flex-direction:column;
  align-items:center;
  box-shadow:0 8px 24px var(--shadow);
  transition:transform .15s ease;
}
.card:hover{
  transform:translateY(-4px);
}
.card .icon{
  font-size:2.5rem;
  margin-bottom:1rem;
}
.card h2{
  margin:0 0 .5rem;
  font-size:1.4rem;
}
.card p{
  margin:0;
  font-size:.85rem;
  color:var(--muted);
  text-align:center;
}

@media (max-width:520px){
  .cards{
    grid-template-columns:1fr;
  }
  .card{
    padding:1.6rem 1.1rem;
  }
}