:root{--ce:#4b1fe8;--ce2:#6c42ff;--ink:#161616;--muted:#707070;--bg:#f6f5fb;--card:#fff;--line:#e9e6f2;--good:#0d8a55;--bad:#c63b3b}
*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--ink)}
a{color:inherit}.wrap{max-width:1180px;margin:auto;padding:24px}.top{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.brand{font-weight:800;font-size:22px}.brand span{color:var(--ce)}
nav{display:flex;gap:10px;flex-wrap:wrap}nav a{padding:10px 14px;border-radius:12px;text-decoration:none;background:white;border:1px solid var(--line)}nav a:hover{border-color:var(--ce)}
.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.card{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:20px;box-shadow:0 8px 25px rgba(49,28,110,.04)}.metric small{color:var(--muted);display:block}.metric strong{font-size:28px}.good{color:var(--good)}.bad{color:var(--bad)}
.table{width:100%;border-collapse:collapse}.table th,.table td{padding:12px 10px;border-bottom:1px solid var(--line);text-align:left}.table th{font-size:12px;text-transform:uppercase;color:var(--muted)}
.btn{display:inline-block;border:0;border-radius:12px;padding:11px 16px;background:var(--ce);color:white;text-decoration:none;cursor:pointer;font-weight:700}.btn.secondary{background:white;color:var(--ink);border:1px solid var(--line)}.btn.danger{background:#b92e2e}.btn.small{padding:7px 10px;font-size:13px}
form .row{display:grid;grid-template-columns:1fr 1fr;gap:14px}label{font-weight:700;font-size:14px}input,select,textarea{width:100%;padding:12px 13px;border:1px solid #d9d6e6;border-radius:12px;background:white;margin-top:6px;font:inherit}textarea{min-height:90px}.field{margin-bottom:14px}.notice{padding:12px 14px;border-radius:12px;background:#efeaff;border:1px solid #d9ceff}.error{background:#ffecec;border-color:#ffcaca}.login{max-width:440px;margin:8vh auto}.login .card{padding:30px}
.badge{display:inline-block;padding:5px 9px;border-radius:999px;font-size:12px;font-weight:800;background:#eee}.badge.ingreso{background:#e7f8ef;color:#087043}.badge.egreso{background:#fdeaea;color:#a82929}.flex{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.right{margin-left:auto}.muted{color:var(--muted)}
@media(max-width:850px){.grid{grid-template-columns:1fr 1fr}.top{align-items:flex-start;gap:14px;flex-direction:column}form .row{grid-template-columns:1fr}.wrap{padding:16px}}
@media(max-width:520px){.grid{grid-template-columns:1fr}.metric strong{font-size:24px}.table{font-size:13px}.hide-sm{display:none}}
@media print{nav,.no-print,.btn{display:none!important}body{background:white}.card{box-shadow:none}.wrap{max-width:none;padding:0}}