:root{--azul: #1f3864;--azul-claro: #2e75b6;--gris: #f2f2f2;--borde: #d0d7de}*{box-sizing:border-box}body{margin:0;font-family:Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:#f7f9fc;color:#1a1a1a}header{background:var(--azul);color:#fff;padding:18px 24px}header h1{margin:0;font-size:20px}header p{margin:4px 0 0;font-size:13px;opacity:.85}.container{max-width:1100px;margin:0 auto;padding:24px}.toolbar{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-bottom:18px}input,select{padding:8px 10px;border:1px solid var(--borde);border-radius:6px;font-size:14px}input[type=search]{min-width:240px}button{padding:8px 14px;border:none;border-radius:6px;background:var(--azul-claro);color:#fff;font-size:14px;cursor:pointer}button:hover{opacity:.9}button.secundario{background:#6c757d}button.peligro{background:#c0392b}button.exito{background:#2e7d32}table{width:100%;border-collapse:collapse;background:#fff;box-shadow:0 1px 3px #00000014;border-radius:8px;overflow:hidden}th,td{padding:9px 11px;text-align:left;border-bottom:1px solid var(--borde);font-size:13px}th{background:var(--azul);color:#fff}tr:nth-child(2n) td{background:var(--gris)}.acciones{display:flex;gap:6px}.acciones button{padding:5px 9px;font-size:12px}.modal-fondo{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;align-items:center;justify-content:center}.modal{background:#fff;border-radius:10px;padding:22px;width:460px;max-width:92vw;max-height:90vh;overflow-y:auto}.modal h2{margin-top:0;color:var(--azul);font-size:18px}.campo{display:flex;flex-direction:column;gap:4px;margin-bottom:10px}.campo label{font-size:12px;font-weight:600;color:#555}.modal-acciones{display:flex;justify-content:flex-end;gap:8px;margin-top:12px}.mensaje{padding:10px 14px;border-radius:6px;margin-bottom:14px;font-size:14px}.mensaje.ok{background:#e6f4ea;color:#1e6b2f}.mensaje.error{background:#fde8e8;color:#a82828}.vacio{text-align:center;padding:30px;color:#888}