:root{
  --granate:#96143c; --granate-oscuro:#6d0e2b; --tinta:#201319;
  --papel:#f7f5f4; --linea:#e2ddda; --gris:#6b6560; --blanco:#fff;
  --ok:#2c5c2c; --error:#8a2c26; --warn:#8a6a1f;
}
*{box-sizing:border-box}
body{margin:0; font-family:-apple-system,"Segoe UI",Roboto,sans-serif; background:var(--papel); color:var(--tinta)}
a{color:var(--granate)}
.layout{display:flex; min-height:100vh}
.aside{width:230px; background:var(--tinta); color:#e7dde1; padding:20px 0; flex:none}
.aside .marca{padding:0 20px 20px; font-weight:700; font-size:1.05rem; border-bottom:1px solid rgba(255,255,255,.1); margin-bottom:14px}
.aside nav a{display:block; padding:11px 20px; color:#cbbdc2; text-decoration:none; font-size:.92rem}
.aside nav a:hover, .aside nav a.activo{background:rgba(255,255,255,.06); color:#fff}
.main{flex:1; padding:32px 40px; max-width:1100px}
h1{font-size:1.5rem; margin:0 0 20px}
.tarjeta{background:var(--blanco); border:1px solid var(--linea); border-radius:6px; padding:24px; margin-bottom:20px}
table{width:100%; border-collapse:collapse; font-size:.92rem}
th,td{text-align:left; padding:10px 12px; border-bottom:1px solid var(--linea)}
th{font-size:.75rem; text-transform:uppercase; letter-spacing:.04em; color:var(--gris)}
.btn{display:inline-block; padding:9px 16px; border-radius:4px; border:1px solid transparent; background:var(--granate); color:#fff; text-decoration:none; font-size:.88rem; cursor:pointer}
.btn:hover{background:var(--granate-oscuro)}
.btn-secundario{background:transparent; border-color:var(--linea); color:var(--tinta)}
.btn-peligro{background:var(--error)}
.btn-sm{padding:5px 10px; font-size:.8rem}
.campo{display:flex; flex-direction:column; gap:5px; margin-bottom:14px}
.campo label{font-size:.8rem; font-weight:600; color:var(--gris)}
.campo input, .campo select, .campo textarea{padding:9px 11px; border:1px solid var(--linea); border-radius:4px; font-size:.92rem; font-family:inherit}
.fila-2{display:grid; grid-template-columns:1fr 1fr; gap:16px}
.aviso{padding:12px 16px; border-radius:4px; margin-bottom:16px; font-size:.9rem}
.aviso-ok{background:#eef6ee; color:var(--ok)}
.aviso-error{background:#fbeceb; color:var(--error)}
.badge{font-size:.72rem; padding:2px 9px; border-radius:20px; font-weight:600}
.b-nuevo{background:#fde3e3; color:#8a2c26}
.b-leido{background:#e3edfd; color:#26478a}
.b-activo{background:#eef6ee; color:#2c5c2c}
.b-pendiente{background:#fdf3e3; color:#8a6a1f}
.topbar{display:flex; justify-content:space-between; align-items:center; margin-bottom:24px}
.login-wrap{min-height:100vh; display:flex; align-items:center; justify-content:center; background:var(--tinta)}
.login-caja{background:#fff; padding:40px; border-radius:8px; width:100%; max-width:380px}
.login-caja h1{font-size:1.2rem; text-align:center}