*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:#f4f6fa;color:#1b2333}header{background:#0d1b2a;color:#fff;padding:10px 20px;display:flex;align-items:center;gap:14px}header img{height:44px;border-radius:6px}header a{color:#cfe3ff;text-decoration:none;margin-left:12px;font-size:14px}main{max-width:900px;margin:24px auto;padding:0 16px}.card{background:#fff;border-radius:12px;padding:22px;box-shadow:0 2px 10px #0001;margin-bottom:18px}label{display:block;font-size:14px;margin:10px 0 4px;font-weight:600}input,select{width:100%;padding:10px;border:1px solid #c8cfdb;border-radius:8px;font-size:15px}.grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:0 16px;gap:0 16px}.chk{display:flex;gap:10px;align-items:flex-start;font-weight:400;margin:10px 0}.chk input{width:auto;margin-top:3px}button{background:#1565c0;color:#fff;border:0;border-radius:8px;padding:12px 20px;font-size:16px;cursor:pointer}button:disabled{opacity:.5}.err{background:#fde8e8;color:#9b1c1c}.err,.ok{padding:10px;border-radius:8px}.ok{background:#e3f6e8;color:#14532d}.big{font-size:28px;font-weight:800;padding:24px;border-radius:12px;text-align:center}.verde{background:#16a34a;color:#fff}.rojo{background:#dc2626;color:#fff}.gris{background:#64748b;color:#fff}table{width:100%;border-collapse:collapse;font-size:14px}td,th{padding:8px;border-bottom:1px solid #e5e7eb;text-align:left}.ejemplo{background:#fff7d6;border:1px dashed #d4a017;padding:4px 8px;border-radius:6px;font-size:13px}.contador{font-size:42px;font-weight:800}@media(max-width:640px){.grid{grid-template-columns:1fr}}