.login-container{align-items:center;background-image:url(https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSS9cB_tkPdWrTjrzRKZ6jrnzWpl0sW3ygdIQ&s);background-repeat:no-repeat;background-size:cover;display:flex;height:100vh;justify-content:end}.login-box{background:#fff;box-shadow:0 4px 10px #0003;display:flex;flex-direction:column;height:100vh;justify-content:space-around;padding:2rem;text-align:center;width:350px}.login-title{color:#333;font-size:1.8rem;margin-bottom:1rem}.input-field{border:1px solid #ccc;border-radius:5px;font-size:1rem;margin:10px 0;padding:10px;width:100%}.submit-button{background-color:#2575fc;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1.2rem;padding:10px;transition:.3s;width:100%}.submit-button:hover{background-color:#1b5ed0}p{margin-top:1rem}p a{color:#2575fc}*{box-sizing:border-box;margin:0;padding:0}.signup-container{align-items:center;background:linear-gradient(90deg,#b0a7a8,#fffeff);display:flex;height:100vh;justify-content:end}.signup-box{background:#fff;box-shadow:0 5px 15px #0003;display:flex;flex-direction:column;height:100vh;justify-content:space-around;padding:2rem;text-align:center;width:350px}.signup-title{color:#333;font-size:1.8rem;margin-bottom:1rem}.error-message{color:red;font-size:.9rem;margin-bottom:1rem}form{display:flex;flex-direction:column}input{border:1px solid #ccc;border-radius:5px;font-size:1rem;margin:8px 0;padding:12px;transition:all .3s ease;width:100%}input:focus{border-color:#ff758c;outline:none}button{background-color:#fff;border:none;border-radius:5px;color:#000;cursor:pointer;padding:12px;width:100%}p{color:#555;font-size:.9rem;margin-top:10px}p a{color:#ff758c;font-weight:700;text-decoration:none}p a:hover{text-decoration:underline}.navbar{align-items:center;background:#1e293b;border-bottom:1px solid #334155;display:flex;justify-content:space-between;padding:16px 30px;position:sticky;top:0;z-index:1000}.navbar-title{color:#22c55e;cursor:pointer;font-size:20px;font-weight:700;transition:.3s ease}.navbar-title:hover{color:#38bdf8}.navbar-links{display:flex;gap:25px}.navbar-links a{color:#e2e8f0;font-weight:500;position:relative;text-decoration:none;transition:.3s ease}.navbar-links a:after{background:#38bdf8;bottom:-4px;content:"";height:2px;left:0;position:absolute;transition:.3s;width:0}.navbar-links a:hover:after{width:100%}.navbar-links a:hover{color:#38bdf8}.hamburger{background:none;border:none;cursor:pointer;display:none;flex-direction:column;gap:5px}.hamburger div{background:#fff;height:3px;transition:.3s;width:25px}.hamburger.open div:first-child{transform:rotate(45deg) translate(5px,5px)}.hamburger.open div:nth-child(2){opacity:0}.hamburger.open div:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}@media (max-width:768px){.navbar-links{background:#1e293b;border-radius:12px;box-shadow:0 5px 20px #0006;display:none;flex-direction:column;padding:20px;position:absolute;right:0;top:70px;width:200px}.hamburger,.navbar-links.mobile-open{display:flex}}.settings-container{color:#fff;height:100vh;text-align:center}h2{font-size:2rem;margin-bottom:20px}.error-message{background:#ff4d4d33;border-radius:5px;color:#ff4d4d;font-size:1rem;margin-bottom:15px;padding:8px 12px}.delete-button{background:#ff4d4d;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;margin:10px;padding:12px;transition:.3s;width:200px}.delete-button:hover{background:#c00}.logout-button{background:#fc0;border:none;border-radius:8px;color:#000;cursor:pointer;font-size:1rem;margin:10px;padding:12px;transition:.3s;width:200px}.logout-button:hover{background:#e6b800}.settings-title{font-size:2rem;margin-bottom:20px}body{background:#0f172a;color:#fff;font-family:Inter,sans-serif;margin:0}.dashboard-container{background:#0f172a;min-height:100vh}.dashboard-main{margin:auto;max-width:1200px;padding:30px}.dashboard-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:30px}.dashboard-header h1{font-size:26px;font-weight:600}.btn-primary{background:#22c55e;border:none;border-radius:10px;color:#000;cursor:pointer;font-weight:700;padding:10px 18px;transition:.3s}.btn-primary:hover{background:#16a34a}.stats-section{display:flex;gap:20px;margin-bottom:30px}.stat-card{background:#1e293b;border-radius:16px;box-shadow:0 5px 20px #0000004d;flex:1 1;padding:20px;text-align:center}.stat-number{color:#38bdf8;font-size:30px;font-weight:700}.stat-label{color:#94a3b8}.content-section{grid-gap:20px;display:grid;gap:20px;grid-template-columns:2fr 1fr}.projects-section,.tasks-section{background:#1e293b;border-radius:16px;padding:20px}.projects-section h2,.tasks-section h2{margin-bottom:15px}.project-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.project-card{background:#0f172a;border:1px solid #334155;border-radius:12px;padding:15px;transition:.3s}.project-card:hover{border-color:#38bdf8;transform:translateY(-3px)}.project-card h3{margin-bottom:6px}.task-list{list-style:none;padding:0}.task-list li{background:#0f172a;border:1px solid #334155;border-radius:10px;margin-bottom:10px;padding:10px}.task-list small{color:#94a3b8}.status{padding:40px;text-align:center}.loading{color:#38bdf8}.error{color:#ef4444}.empty{color:#94a3b8}.project-header{background-color:#fefefe;border:1px solid #ddd;border-radius:10px;box-shadow:0 2px 10px #00000014;display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:space-between;padding:1.5rem;width:100%}.project-header-left{flex:1 1;min-width:250px}.project-title-row{align-items:center;display:flex;justify-content:space-between}.project-title-row h1{color:#1f2937;font-size:36px;font-weight:800;line-height:1.4;margin:0}.input-description,.input-title{border:1px solid #ccc;border-radius:6px;font-size:1rem;margin-bottom:.5rem;padding:.5rem;width:100%}.input-description{height:80px;resize:vertical}.action-buttons button{background:none;border:none;cursor:pointer;font-size:1.1rem;margin-left:.5rem;transition:color .2s ease}.action-buttons button:hover{color:#007bff}.project-header-left p{color:#555;margin:.3rem 0}.project-header-left p strong{color:#000}.project-header-right{align-items:center;display:flex;justify-content:center;min-width:170px}.circular-progress{max-width:100%}.progress-text-main{fill:#333;font-size:1.2rem;font-weight:700}.progress-text-sub{fill:#666;font-size:.9rem}.error{color:#d32f2f;margin-top:.5rem}body{background-color:#f5f5f5;color:#333;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.error{color:red;font-size:.95rem;margin-top:.75rem}.task-list-container{display:flex;flex-wrap:wrap;gap:2rem;margin-top:2rem}.task-list-items{display:flex;flex:1 1 300px;flex-direction:column;gap:1rem}.task-list-details{background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 2px 6px #0000000a;color:#1f2937;flex:1 1 300px;font-family:Inter,sans-serif;min-height:250px;padding:1.5rem}.task-list-details h3{color:#111827;font-size:22px;margin-bottom:1rem}.task-list-details p{color:#374151;font-size:15px;line-height:1.5;margin:.4rem 0}.task-list-details strong{color:#111827}.task-list-details p:first-child{color:#6b7280;font-style:italic}@media (max-width:768px){.task-list-container{flex-direction:column}.task-list-details,.task-list-items{flex:1 1 100%}}.task-item-container{background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 1px 3px #0000000d;color:#1f2937;font-family:Inter,sans-serif;padding:1rem}.task-item-header{align-items:center;display:flex;gap:.5rem;justify-content:space-between;margin-bottom:.75rem}.dropdownButton{position:relative}.task-item-button-group{background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;box-shadow:0 4px 12px #00000014;flex-direction:column;padding:.5rem;position:absolute;right:0;top:100%;width:180px;z-index:10}.task-item-button-group button{background:none;color:#374151;padding:.5rem;text-align:left}.task-item-button-group button:hover{background-color:#f3f4f6}.task-item-notes textarea{border:1px solid #d1d5db;border-radius:6px;font-size:14px;margin-bottom:.5rem;padding:.5rem;width:100%}.task-item-button-group{display:flex;gap:.5rem;margin-top:.5rem}.task-item-button-group button{background-color:#2563eb;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;padding:.4rem .8rem}.task-item-button-group button:hover{background-color:#1d4ed8}.task-item-button-group button:disabled{background-color:#9ca3af;cursor:not-allowed}.task-item-error{background-color:#fee2e2;border-radius:6px;color:#b91c1c;font-size:14px;margin-top:.5rem;padding:.5rem}.task-item-subtask-form input,.task-item-subtask-form textarea{border:1px solid #d1d5db;border-radius:6px;font-size:14px;margin-bottom:.5rem;padding:.5rem;width:100%}.task-item-subtasks{border-left:2px solid #e5e7eb;margin-left:1.5rem;margin-top:1rem;padding-left:1rem}@media (max-width:768px){.task-item-header{align-items:flex-start;flex-direction:column}.task-item-button-group{margin-top:.5rem;position:relative;right:auto;top:auto;width:100%}}.task-form-container{background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 2px 6px #0000000d;color:#1f2937;font-family:Inter,sans-serif;margin:auto;max-width:500px;padding:1.5rem;width:100%}.task-form-container h3{color:#111827;font-size:22px;margin-bottom:1.25rem}.task-form-container label{color:#374151;display:block;font-size:15px;font-weight:500;margin-bottom:.75rem}.task-form-container input[type=date],.task-form-container input[type=text],.task-form-container select,.task-form-container textarea{background-color:#f9fafb;border:1px solid #d1d5db;border-radius:6px;color:#111827;font-size:14px;margin-bottom:1rem;margin-top:.25rem;padding:.5rem .75rem;transition:border-color .2s ease;width:100%}.task-form-container input:focus,.task-form-container select:focus,.task-form-container textarea:focus{background-color:#fff;border-color:#2563eb;outline:none}.task-form-container textarea{min-height:90px;resize:vertical}.form-buttons{display:flex;gap:1rem;justify-content:flex-end;margin-top:1rem}.form-buttons button{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:600;padding:.5rem 1.2rem;transition:background-color .2s ease}.form-buttons button[type=submit]{background-color:#2563eb;color:#fff}.form-buttons button[type=submit]:hover{background-color:#1d4ed8}.form-buttons button[type=button]{background-color:#e5e7eb;color:#1f2937}.form-buttons button[type=button]:hover{background-color:#d1d5db}.task-form-container .error{background-color:#fee2e2;border:1px solid #fca5a5;border-radius:6px;color:#b91c1c;font-size:14px;margin-top:1rem;padding:.5rem}.project-details{background-color:#f9fafb;color:#333;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;padding:2rem}.loading,.not-found{color:#888;font-size:1.25rem;padding:2rem;text-align:center}.error{background-color:#ffe6e6;border:1px solid #ff4d4d;border-radius:5px;color:#d8000c;margin-bottom:1rem;padding:1rem}.project-header-section{align-items:flex-start;display:flex;flex-wrap:wrap;justify-content:space-between;margin-bottom:1.5rem}.project-actions{border:1px solid #333;display:flex;gap:.5rem;justify-content:flex-end;padding:10px 0;width:100%}.project-actions input,.project-actions textarea{border:1px solid #ccc;border-radius:5px;font-size:1rem;padding:.5rem;width:200px}.project-actions button{background-color:#07c;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.95rem;padding:.5rem 1rem;transition:background-color .3s ease;width:20%}.project-actions button:hover{background-color:#005fa3}.project-actions button:disabled{background-color:#ccc;cursor:not-allowed}.add-task-button{background-color:#28a745;border-radius:6px;color:#fff;font-size:.95rem;font-weight:700;padding:.5rem 1rem}.add-task-button:hover{background-color:#218838}.modal-overlay{align-items:center;background-color:#21212199;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:999}.modal-content{background-color:#fff;border-radius:12px;box-shadow:0 4px 15px #0003;max-width:500px;padding:2rem;width:90%}.task-heading{margin-top:2rem}.projects-container{background-color:#f4f6f8;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh;padding-bottom:2rem}.projects-header{margin-bottom:1rem}.projects-filters{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;padding:1rem 2rem}.filter-dropdown,.search-bar,.sort-dropdown{border:1px solid #ccc;border-radius:6px;font-size:1rem;min-width:200px;padding:.6rem 1rem}.create-project-btn{margin:1rem 0;text-align:center}.create-btn{background-color:#007bff;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;padding:.6rem 1.4rem;transition:background-color .3s ease}.create-btn:hover{background-color:#0056b3}.loading-text{color:#555;margin-top:2rem;text-align:center}.projects-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));padding:1.5rem 2rem}.no-projects{color:#888;font-size:1rem;font-style:italic;margin-top:2rem;text-align:center}.pagination{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-top:2rem}.pagination-btn{background-color:#fff;border:1px solid #ccc;border-radius:6px;cursor:pointer;font-weight:500;padding:.5rem 1rem;transition:background-color .2s ease,border-color .2s ease}.pagination-btn:hover:not(.active):not(:disabled){background-color:#f0f0f0}.pagination-btn.active{background-color:#007bff;border-color:#007bff;color:#fff}.pagination-btn:disabled{cursor:not-allowed;opacity:.5}.how-to-container{animation:fadeIn .5s ease forwards;background-color:#fdfdfd;border-radius:8px;box-shadow:0 4px 12px #0000001a;font-family:Segoe UI,sans-serif;line-height:1.6;margin:2rem auto;max-width:900px;opacity:0;padding:2rem}@keyframes fadeIn{to{opacity:1}}.how-to-container h1{color:#333;font-size:2rem;margin-bottom:1.5rem;text-align:center}.section{margin-bottom:2rem}.section h2{border-bottom:2px solid #007bff;color:#007bff;font-size:1.5rem;margin-bottom:.8rem;padding-bottom:.3rem;transition:border-color .3s ease}.section h2:hover{border-color:#39f;cursor:default}.section ol,.section p,.section ul{color:#444;font-size:1rem}.section ol,.section ul{padding-left:1.5rem}.section li{margin-bottom:.5rem}.section strong{color:#222}.footer{border-top:1px solid #ccc;color:#666;margin-top:3rem;padding-top:1rem;text-align:center}@media (max-width:600px){.how-to-container{margin:1rem;padding:1rem}}
/*# sourceMappingURL=main.8b20a5d5.css.map*/