*{margin:0;padding:0;box-sizing:border-box;font-family:Georgia,Times New Roman,Times,serif}nav{width:100%;background-color:#62109f;position:sticky;top:0;z-index:1000}nav ul{display:flex;justify-content:end;align-items:center}nav ul li{list-style:none;padding:8px 20px}nav ul li a img{height:45px}.logo-item{margin-right:auto;font-size:20px;font-family:Georgia,Times New Roman,Times,serif;font-weight:700}nav ul li a{text-decoration:none;color:#fcf5ee}nav ul li a:hover{color:#a479ce}.navIsActive{text-decoration:underline;font-weight:700}.logout{font-weight:700}.logout:hover{color:red}aside{position:fixed;min-width:16%;background-color:#62109f;min-height:84vh;margin-top:2%;display:inline-block;vertical-align:top}aside ul{text-align:center;width:100%}aside ul li{list-style:none;margin-top:25%}aside ul li a{text-decoration:none;color:#fcf5ee}aside ul li a:hover{color:#a479ce;font-weight:700}section{display:inline-block;vertical-align:top;margin-top:2%;margin-left:16%;padding:1%;height:84vh;width:84%}.form h3{margin-left:.5%;color:#639;font-size:1.2rem}.form form{border-bottom:2px solid rebeccapurple;padding-top:20px;padding-bottom:60px}.form form input{width:95%;margin-bottom:15px;border-radius:15px;height:40px;padding-left:12px;border:none;border-bottom:3px solid rebeccapurple}.form form button{font-size:15px;margin-left:.5%;padding:10px 20px;float:inline-start;border-radius:15px;background:none;border:none}.add-btn{border-bottom:3px solid green!important}.add-btn:hover{border:2px solid green}.cancel-btn{margin-left:20px!important;color:red;border-bottom:3px solid red!important}.cancel-btn:hover{border:2px solid red}.tasks-section h2{margin-left:.5%;margin-top:1%;color:#639;font-size:1.2rem}.task-card{margin:10px 1%;padding:0 1% .8% 0;position:relative}.task-card:hover{background-color:#efeded;border-radius:15px}.task-card .task-item .task-check{position:absolute;top:13px;left:10px;width:17px;height:17px}.task-item h3{font-family:Verdana,Geneva,Tahoma,sans-serif;display:inline-block;font-size:16px;padding:10px;margin-left:30px}.task-item p{font-size:17px;padding:0 10px 10px}.task-item .delete-btn{position:absolute;top:10px;right:1%;background:none;border:none;border-bottom:2px solid red;padding:10px 15px;border-radius:15px;font-size:15px;color:red;cursor:pointer}.task-item .delete-btn:hover{border:1px solid red}.task-item .edit-btn{position:absolute;top:10px;right:8%;background:none;border:none;border-bottom:2px solid green;padding:10px 15px;border-radius:15px;font-size:15px;color:green;cursor:pointer}.task-item .edit-btn:hover{border:1px solid green}.task-desc{max-width:100%;margin-top:1.5%;margin-left:1%}.todo-desc{max-width:100%;display:inline}.task-desc small{color:#887296;margin-top:1.5%;display:inline;float:right;font-size:14px}.task-card small{margin-left:2%}.task-card.completed{opacity:.6}.task-card.completed h3,.task-card.completed .task-desc p{text-decoration:line-through}.task-card.completed .edit-btn{opacity:.5;pointer-events:none;cursor:not-allowed}.task-card.completed .delete-btn{opacity:.8}.profile-page{min-height:80vh;justify-content:center;align-items:center;padding:20px}.profile-card{width:100%;max-width:500px;background:#fff;border-radius:12px;padding:25px;box-shadow:0 10px 30px #0000001a;animation:fadeIn .4s ease}.profile-title{text-align:center;margin-bottom:20px;color:#4a148c}.profile-row{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid #eee;gap:10px}.profile-row:last-child{border-bottom:none}.profile-row span{font-size:14px;color:#555}.profile-row .value{font-weight:600;color:#222;text-align:right;max-width:60%;word-break:break-all}@media(max-width:480px){.profile-card{padding:18px}.profile-row{flex-direction:column;align-items:flex-start}.profile-row .value{text-align:left;max-width:100%}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.about-page{min-height:80vh;justify-content:center;align-items:center;padding:20px}.about-card{width:100%;max-width:650px;background:#fff;border-radius:12px;padding:28px;box-shadow:0 10px 30px #0000001a;animation:fadeIn .4s ease}.about-card h2{text-align:center;color:#4a148c;margin-bottom:10px}.about-subtitle{text-align:center;color:#555;margin-bottom:25px}.about-section{margin-bottom:20px}.about-section h3{color:#333;margin-bottom:8px}.about-section p{color:#555;line-height:1.6}.about-section ul{padding-left:20px}.about-section li{margin-bottom:6px;color:#444}.about-footer{text-align:center;margin-top:25px;color:#666;font-size:14px}@media(max-width:480px){.about-card{padding:20px}}.auth-container{min-height:90vh;display:flex;justify-content:center;align-items:center;background:linear-gradient(135deg,#6a11cb,#2575fc)}.auth-card{width:360px;padding:30px;border-radius:12px;background:#fff;box-shadow:0 10px 30px #0003;text-align:center}.auth-card h2{margin-bottom:20px;color:#333}.auth-card input{width:100%;padding:12px;margin-bottom:14px;border-radius:8px;border:1px solid #ccc;outline:none;font-size:15px}.auth-card input:focus{border-color:#2575fc}.login-btn{width:100%;padding:12px;border:none;border-radius:8px;background:#2575fc;color:#fff;font-size:16px;cursor:pointer;transition:.3s}.login-btn:hover{background:#1a5ed8}.switch-auth{margin-top:15px;font-size:14px}.switch-auth a{margin-top:25px;color:#2575fc;font-weight:700;text-decoration:none}.info-text{font-size:14px;color:#555;margin-bottom:10px}.forgot-row{display:flex;justify-content:flex-end;width:100%;margin-bottom:10px}.forgot-row a{font-size:14px;color:#2575fc;text-decoration:none}.forgot-row a:hover{text-decoration:underline}.error-message{color:red;font-size:.9em;margin-top:-10px;margin-bottom:10px}.mobile-icon{display:none}.desktop-only{display:inline-block}@media(max-width:768px){.mobile-icon{display:block;font-size:24px}.desktop-only{display:none}nav ul li{color:#fff}.logo-item{margin:auto}.nav-mobile{background-color:#62109f;position:fixed;top:12%;right:0;width:50%;height:84vh;text-align:center;padding:60px 0 20px;z-index:1000}.nav-mobile li{list-style:none;color:#eee;position:relative;margin-top:10%;font-size:16px;border-bottom:1px solid #FCF5EE;padding-bottom:20px;width:80%;margin-left:10%}.nav-mobile li a{text-decoration:none;color:#eee}.nav-mobile li:first-child{color:#0f8;margin-top:-10%;margin-bottom:20%;font-size:18px;border:none;font-weight:700}.sidebar{background-color:#832bc6;position:fixed;top:12%;left:0;width:50%;height:84vh;text-align:center;padding:60px 0 20px;z-index:1000;cursor:pointer}.sidebar li{list-style:none;color:#eee;position:relative;margin-top:10%;font-size:16px;border-bottom:1px solid #FCF5EE;padding-bottom:20px;width:80%;margin-left:10%}.sidebar li a{color:#fff;text-decoration:none}section{margin-left:0;width:100%}.form{width:95%;margin:0 2.5%}.task-card{padding-bottom:5%}.form h3,.tasks-section h2{text-align:center}.form form input{width:100%}.task-item h3{font-size:16px;width:75%}.task-item .delete-btn{font-size:.9rem}.task-item .edit-btn{margin-right:5%;font-size:.9rem}.todo-desc{max-width:100%;margin-top:5%;margin-left:10px;max-width:100%!important;display:inline;font-size:16px}.task-desc small{color:#887296;margin-top:2%;display:inline;float:right;font-size:12px}}