:root{--azul:#08275a;--dorado:#f2b705;--gris:#f5f7fb;--texto:#1f2937;}
*{box-sizing:border-box} body{margin:0;font-family:Arial,Helvetica,sans-serif;background:var(--gris);color:var(--texto)}
.header{background:var(--azul);color:white;padding:18px 28px;display:flex;justify-content:space-between;align-items:center;border-bottom:5px solid var(--dorado)}
.logo{font-size:22px;font-weight:700}.subtitle{font-size:13px;opacity:.9}.container{max-width:1200px;margin:28px auto;padding:0 20px}.card{background:white;border-radius:14px;padding:22px;box-shadow:0 8px 22px rgba(0,0,0,.08);margin-bottom:20px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.btn{display:inline-block;background:var(--azul);color:white;padding:11px 16px;border-radius:8px;text-decoration:none;border:0;cursor:pointer}.btn.alt{background:#334155}.btn.warn{background:#a16207}.muted{color:#667085}.menu a{display:block;background:white;border-left:6px solid var(--azul);padding:18px;border-radius:12px;text-decoration:none;color:var(--texto);font-weight:700;box-shadow:0 4px 16px rgba(0,0,0,.06)}
.menu a:hover{border-left-color:var(--dorado)} input,select,textarea{width:100%;padding:11px;border:1px solid #cbd5e1;border-radius:8px} label{font-weight:700;font-size:13px;margin-bottom:6px;display:block} table{width:100%;border-collapse:collapse;background:white} th,td{border-bottom:1px solid #e5e7eb;padding:10px;text-align:left} th{background:#eef2ff}.status{font-weight:700;padding:6px 10px;border-radius:99px;display:inline-block}.vigente{background:#dcfce7;color:#166534}.vencido{background:#fee2e2;color:#991b1b}.pendiente{background:#fef9c3;color:#854d0e}.login{max-width:420px;margin:80px auto}.error{background:#fee2e2;color:#991b1b;padding:12px;border-radius:8px;margin-bottom:12px}