*{box-sizing:border-box;margin:0;padding:0}:root{color:#1e293b;background:#f1f5f9;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.app{min-height:100vh}.header{color:#fff;text-align:center;background:#1e293b;padding:2rem 1rem}.header h1{margin-bottom:.25rem;font-size:1.6rem}.header p{color:#94a3b8}.main{max-width:760px;margin:0 auto;padding:1.5rem 1rem 3rem}.toolbar{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.toolbar h2{font-size:1.25rem}.alert{color:#991b1b;background:#fee2e2;border:1px solid #fecaca;border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:1rem;padding:.75rem 1rem;display:flex}.alert button{cursor:pointer;color:#991b1b;background:0 0;border:none;font-size:1.2rem}.card{background:#fff;border-radius:10px;margin-bottom:1rem;padding:1.25rem;box-shadow:0 1px 3px #00000014}.form{border:2px solid #cbd5e1;flex-direction:column;gap:.9rem;display:flex}.form label{color:#475569;flex-direction:column;gap:.35rem;font-size:.9rem;font-weight:600;display:flex}.form input,.form textarea,.form select{font:inherit;border:1px solid #cbd5e1;border-radius:8px;padding:.6rem .75rem}.form-row{grid-template-columns:1fr 1fr;gap:.9rem;display:grid}.btn-primary{color:#fff;font:inherit;cursor:pointer;background:#2563eb;border:none;border-radius:8px;padding:.6rem 1.1rem;font-weight:600}.btn-primary:hover{background:#1d4ed8}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.avisos{flex-direction:column;gap:.9rem;list-style:none;display:flex}.aviso{border-left:4px solid #64748b}.aviso-importante{border-left-color:#f59e0b}.aviso-urgente{border-left-color:#ef4444}.aviso-head{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.aviso-head h3{font-size:1.05rem}.aviso-meta{align-items:center;gap:.6rem;display:flex}.badge{text-transform:uppercase;letter-spacing:.03em;border-radius:999px;padding:.25rem .6rem;font-size:.7rem;font-weight:700}.badge-normal{color:#475569;background:#e2e8f0}.badge-importante{color:#92400e;background:#fef3c7}.badge-urgente{color:#991b1b;background:#fee2e2}.btn-delete{cursor:pointer;opacity:.6;background:0 0;border:none;font-size:1rem}.btn-delete:hover{opacity:1}.btn-secondary{color:#334155;cursor:pointer;background:#e2e8f0;border:none;border-radius:8px;padding:.6rem 1.2rem;font-weight:600}.btn-secondary:hover{background:#cbd5e1}.form-actions{gap:.6rem;display:flex}.aviso-contenido{color:#334155;white-space:pre-wrap;margin:.6rem 0}.aviso-footer{color:#94a3b8;font-size:.8rem}.empty{text-align:center;color:#94a3b8;padding:3rem 0}@media (width<=480px){.form-row{grid-template-columns:1fr}}