:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html{background:linear-gradient(135deg,#667eea,#764ba2);background-repeat:no-repeat;background-size:cover;background-attachment:fixed}*{box-sizing:border-box}.logueado{margin:40px auto;max-width:900px;display:flex;justify-content:space-between;align-items:center;padding:20px;background:linear-gradient(135deg,#667eea 20%,#764ba2);border-radius:20px;box-shadow:0 20px 60px #667eea66;animation:fadeIn .5s ease-in}.logueado p{color:#fff;font-size:18px;margin-bottom:20px;text-align:center;font-weight:300}.logueado strong{font-weight:600;margin-top:8px;font-size:20px}.logueado button{background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.3);color:#fff;padding:14px 40px;border-radius:50px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px}.logueado button:hover{background:#ffffff4d;border-color:#ff000098;color:#ff000098;transform:translateY(-2px);box-shadow:0 10px 25px #0003}.logueado button:active{transform:translateY(0)}.registrarse{margin:100px auto;max-width:450px;width:90%;padding:50px 40px;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:24px;box-shadow:0 25px 70px #00000026;animation:slideUp .6s ease-out;border:1px solid rgba(255,255,255,.8)}.registrarse h2{text-align:center;margin-bottom:35px;font-size:32px;font-weight:700;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.registrarse form{display:flex;flex-direction:column;gap:20px}.registrarse input{width:100%;padding:16px 20px;border:2px solid #e0e7ff;border-radius:12px;font-size:16px;transition:all .3s ease;background:#fff;color:#333}.registrarse input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 4px #667eea1a;transform:translateY(-2px)}.registrarse input::placeholder{color:#a0aec0}.registrarse p{background:linear-gradient(135deg,#ff6b6b,#ee5a6f);color:#fff;padding:14px 20px;border-radius:12px;margin:0;font-size:14px;font-weight:500;text-align:center;animation:shake .4s ease;box-shadow:0 4px 15px #ff6b6b4d}.registrarse button[type=submit]{width:100%;padding:16px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:12px;font-size:17px;font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px;box-shadow:0 10px 25px #667eea4d}.registrarse button[type=submit]:hover{transform:translateY(-3px);box-shadow:0 15px 35px #667eea66}.registrarse button[type=submit]:active{transform:translateY(-1px)}.registrarse button[type=button]{width:100%;padding:14px;background:transparent;color:#667eea;border:2px solid #e0e7ff;border-radius:12px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s ease}.registrarse button[type=button]:hover{background:#f7fafc;border-color:#667eea;transform:translateY(-2px);box-shadow:0 8px 20px #667eea26}.registrarse button[type=button]:active{transform:translateY(0)}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-10px)}75%{transform:translate(10px)}}@media(max-width:500px){.registrarse{margin:50px auto;padding:35px 25px}.registrarse h2{font-size:26px}.logueado{max-width:350px;margin:20px auto;padding:30px 20px;justify-content:center;align-items:center;flex-direction:column}}h1{text-align:center;margin:40px 0 30px;font-size:42px;font-weight:700;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:fadeIn .6s ease-in}.formulario{display:flex;justify-content:center;align-items:center;margin:30px auto;gap:15px;max-width:900px;padding:30px;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;box-shadow:0 15px 40px #0000001a;animation:slideDown .5s ease-out;flex-wrap:wrap}.tarea,.persona{flex:1;min-width:200px;padding:14px 20px;border:2px solid #e0e7ff;border-radius:12px;font-size:16px;transition:all .3s ease;background:#fff;color:#333}.fecha{flex:1;min-width:200px;padding:8px 20px;border:2px solid #e0e7ff;border-radius:12px;font-size:16px;transition:all .3s ease;background:#fff;color:#333;cursor:pointer}.fecha::-webkit-calendar-picker-indicator{cursor:pointer;font-size:20px;opacity:1;transition:all .3s ease;filter:invert(.5);padding:5px}.fecha::-webkit-calendar-picker-indicator:hover{filter:invert(.3);transform:scale(1.1)}.formulario input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 4px #667eea1a;transform:translateY(-2px)}.formulario input::placeholder{color:#a0aec0}.formulario button{padding:14px 30px;border:none;border-radius:12px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px;box-shadow:0 8px 20px #667eea4d}.formulario button:hover{transform:translateY(-3px);box-shadow:0 12px 30px #667eea66}.formulario button:active{transform:translateY(-1px)}.borrarTodo{display:block;margin:30px auto;padding:14px 40px;border:none;border-radius:12px;background:linear-gradient(135deg,#ff6b6b,#ee5a6f);color:#fff;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px;box-shadow:0 8px 20px #ff6b6b4d}.borrarTodo:hover{transform:translateY(-3px);box-shadow:0 12px 30px #ff6b6b66}.borrarTodo:active{transform:translateY(-1px)}.borrarUno{padding:8px 20px;border:none;border-radius:8px;background:linear-gradient(135deg,#ff6b6b,#ee5a6f);color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #ff6b6b4d}.borrarUno:hover{transform:translateY(-2px);box-shadow:0 6px 18px #ff6b6b66}.borrarUno:active{transform:translateY(0)}.tareaCompletada{margin-right:10px;padding:8px 20px;border:none;border-radius:8px;background-color:green;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #55ca1f4d}.tareaCompletada:hover{transform:translateY(-2px);box-shadow:0 6px 18px #55ca1f66}.tareaCompletada:active{transform:translateY(0)}table{margin:40px auto;width:90%;max-width:900px;border-collapse:separate;border-spacing:0;background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 15px 40px #0000001a;animation:fadeIn .6s ease-in}table caption{margin-bottom:20px;font-size:20px;font-weight:600;color:#fff;text-align:center}table thead{background:linear-gradient(135deg,#667eea,#764ba2)}table th{padding:18px 15px;text-align:center;color:#fff;font-size:16px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;border:none}table tbody tr{transition:all .3s ease;border-bottom:1px solid #e0e7ff}table tbody tr:hover{background:linear-gradient(90deg,#667eea0d,#764ba20d);transform:scale(1.01)}table tbody tr:last-child{border-bottom:none}table td{padding:16px 15px;text-align:center;color:#333;font-size:15px;border:none}table tbody tr:nth-child(2n){background-color:#f7fafc}table tbody tr:nth-child(2n):hover{background:linear-gradient(90deg,#667eea14,#764ba214)}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){h1{font-size:32px;margin:30px 20px 20px}.formulario{max-width:350px;flex-direction:column;margin:20px auto;padding:25px 20px;gap:12px}.formulario input{min-width:100%}.formulario button{width:100%}table{max-width:350px;margin:20px auto;width:95%;font-size:14px}table th,table td{padding:12px 8px;font-size:13px}table caption{font-size:18px}}@media(max-width:480px){h1{font-size:28px}table th,table td{padding:20px 5px;font-size:12px}.borrarUno{padding:6px 12px;font-size:12px}}