*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:#f4f6f8;color:#1f2937}header{display:flex;justify-content:space-between;align-items:center;padding:18px 24px;background:#367b3c;color:white}header a{color:white;text-decoration:none;font-weight:bold}button,.btn{border:0;border-radius:10px;background:#367b3c;color:white;padding:10px 14px;cursor:pointer;text-decoration:none;display:inline-block}button:hover,.btn:hover{background:#46a049}input,textarea{width:100%;padding:12px;border:1px solid #cfd6df;border-radius:10px;margin:6px 0 12px}textarea{min-height:90px}.panel,.card,.tabla-wrap,.lista{max-width:1100px;margin:20px auto;background:white;padding:20px;border-radius:16px;box-shadow:0 8px 24px #0001}.oculto{display:none!important}table{width:100%;border-collapse:collapse}th,td{padding:10px;border-bottom:1px solid #e5e7eb;text-align:left}img{width:54px;height:54px;object-fit:cover;border-radius:50%}dialog{border:0;border-radius:16px;width:min(540px,95vw)}.acciones{display:flex;gap:10px;justify-content:flex-end}@media(max-width:700px){header{display:block}.tabla-wrap{overflow:auto}button,.btn{width:100%;margin:4px 0}}