.login{background-color:#f5f5f5;justify-content:center;align-items:center;min-height:100vh;display:flex}.login__container{background:#fff;border-radius:10px;width:100%;max-width:400px;padding:2rem;box-shadow:0 10px 25px #0000001a}.login__title{text-align:center;color:#333;margin-bottom:2rem;font-size:2rem}.login__form{flex-direction:column;gap:1.2rem;display:flex}.login__group{flex-direction:column;display:flex}.login__label{color:#444;margin-bottom:.5rem;font-size:.95rem;font-weight:600}.login__input{border:1px solid #d1d5db;border-radius:6px;outline:none;padding:12px;font-size:1rem;transition:all .3s}.login__input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb33}.login__button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:6px;margin-top:.5rem;padding:12px;font-size:1rem;font-weight:600;transition:all .3s}.login__button:hover{background:#1d4ed8}.dashboard{background:#f5f5f5;min-height:100vh;padding:2rem}.dashboard__container{max-width:900px;margin:0 auto}.dashboard__title{text-align:center;color:#333;margin-bottom:2rem;font-size:2rem}.dashboard__form{gap:1rem;margin-bottom:2rem;display:flex}.dashboard__input{border:1px solid #d1d5db;border-radius:6px;outline:none;flex:1;padding:12px;font-size:1rem;transition:all .3s}.dashboard__input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb33}.dashboard__add-btn{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:6px;padding:12px 24px;font-size:1rem;transition:all .3s}.dashboard__add-btn:hover{background:#1d4ed8}.dashboard__empty{text-align:center;color:#666;margin-top:2rem;font-size:1rem}.dashboard__list{flex-direction:column;gap:1rem;display:flex}.dashboard__card{background:#fff;border-radius:10px;padding:1rem;box-shadow:0 4px 12px #00000014}.dashboard__content{align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.dashboard__checkbox{cursor:pointer;width:20px;height:20px}.dashboard__todo-title{color:#333;flex:1;font-size:1.1rem}.dashboard__status{color:#666;margin-bottom:1rem;font-size:.9rem}.dashboard__edit{gap:.8rem;width:100%;display:flex}.dashboard__edit-input{border:1px solid #d1d5db;border-radius:6px;outline:none;flex:1;padding:10px}.dashboard__edit-input:focus{border-color:#2563eb}.dashboard__update-btn{color:#fff;cursor:pointer;background:#f59e0b;border:none;border-radius:6px;padding:10px 18px}.dashboard__update-btn:hover{background:#d97706}.dashboard__actions{justify-content:flex-end;gap:.8rem;display:flex}.dashboard__edit-btn{color:#fff;cursor:pointer;background:#10b981;border:none;border-radius:6px;padding:10px 18px}.dashboard__edit-btn:hover{background:#059669}.dashboard__delete-btn{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:6px;padding:10px 18px}.dashboard__delete-btn:hover{background:#dc2626}.navbar{background-color:#2563eb;justify-content:space-between;align-items:center;padding:1rem 2rem;display:flex}.navbar__logo{color:#fff;font-size:1.5rem;font-weight:700}.navbar__links{align-items:center;gap:1rem;display:flex}.navbar__link{color:#fff;font-size:1rem;text-decoration:none;transition:all .3s}.navbar__link:hover{color:#dbeafe}.navbar__button{color:#fff;cursor:pointer;background-color:#ef4444;border:none;border-radius:6px;padding:.6rem 1rem;transition:all .3s}.navbar__button:hover{background-color:#dc2626}.register{background:#f5f5f5;justify-content:center;align-items:center;min-height:100vh;display:flex}.register__container{background:#fff;border-radius:10px;width:100%;max-width:400px;padding:2rem;box-shadow:0 10px 25px #0000001a}.register__title{text-align:center;color:#333;margin-bottom:2rem;font-size:2rem}.register__form{flex-direction:column;gap:1.2rem;display:flex}.register__group{flex-direction:column;display:flex}.register__label{color:#444;margin-bottom:.5rem;font-size:.95rem;font-weight:600}.register__input{border:1px solid #d1d5db;border-radius:6px;outline:none;padding:12px;font-size:1rem;transition:all .3s}.register__input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb33}.register__button{color:#fff;cursor:pointer;background:#16a34a;border:none;border-radius:6px;margin-top:.5rem;padding:12px;font-size:1rem;font-weight:600;transition:background .3s}.register__button:hover{background:#15803d}.home{background:#f5f5f5;justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex}.home__container{text-align:center;background:#fff;border-radius:12px;width:100%;max-width:600px;padding:3rem;box-shadow:0 10px 25px #0000001a}.home__title{color:#333;margin-bottom:1rem;font-size:2.5rem}.home__description{color:#666;margin-bottom:2rem;font-size:1.1rem}.home__actions{justify-content:center;gap:1rem;display:flex}.home__login-btn,.home__register-btn{color:#fff;border-radius:6px;padding:12px 24px;font-weight:600;text-decoration:none;transition:all .3s}.home__login-btn{background:#2563eb}.home__login-btn:hover{background:#1d4ed8}.home__register-btn{background:#16a34a}.home__register-btn:hover{background:#15803d}@media (max-width:768px){.home__container{padding:2rem}.home__title{font-size:2rem}.home__actions{flex-direction:column}}