.form-container{background-color:#fff;max-width:500px;margin:30px auto;padding:30px;border-radius:12px;box-shadow:0 8px 20px #0000000d;display:flex;flex-direction:column;gap:16px}.form-container h2{text-align:center;color:#07c;margin-bottom:10px}.form-container input,.form-container select,.form-container button{margin-bottom:10px;padding:12px;border-radius:8px;border:1px solid #ccc;font-size:16px;width:100%;box-sizing:border-box}.form-container input:focus,.form-container select:focus{outline:none;border-color:#07c;box-shadow:0 0 5px #07c3}.form-container button{background-color:#07c;color:#fff;font-weight:700;border:none;cursor:pointer;transition:background-color .3s}.form-container button:hover{background-color:#005fa3}.task-item{display:flex;justify-content:space-between;align-items:flex-start;background-color:#f9f9f9;border-left:5px solid #0077cc;padding:16px;border-radius:10px;box-shadow:0 2px 8px #0000000d;transition:background-color .3s ease}.task-item.completed{opacity:.7;text-decoration:line-through;background-color:#e6ffe6}.task-details{flex:1}.task-details h4{margin:0;font-size:20px;color:#333}.task-details p{margin:6px 0;color:#666}.task-meta{margin-top:8px;display:flex;gap:12px;align-items:center;font-size:14px}.priority-badge{padding:4px 8px;border-radius:4px;font-weight:700;color:#fff}.priority-high{background-color:#e53935}.priority-medium{background-color:#fbc02d}.priority-low{background-color:#43a047}.due-date{background-color:#eee;padding:2px 8px;border-radius:4px;color:#444}.task-actions{display:flex;flex-direction:column;gap:8px;margin-left:20px}.task-actions button{padding:6px 10px;background-color:#07c;border:none;border-radius:6px;color:#fff;cursor:pointer;transition:background-color .3s}.task-actions button:hover{background-color:#005fa3}.dashboard-container{padding:30px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:#f5f7fb;min-height:100vh}.welcome-text{font-size:24px;font-weight:600;margin-bottom:20px}.dashboard-content{display:flex;flex-wrap:wrap;gap:30px}.task-form-wrapper{flex:1;min-width:300px;max-width:400px;background:#fff;padding:20px;border-radius:12px;box-shadow:0 2px 12px #0000000d}.tasks-list-wrapper{flex:2;min-width:300px;background:#fff;padding:20px;border-radius:12px;box-shadow:0 2px 12px #0000000d}.section-title{margin-bottom:15px;font-size:20px;font-weight:600;color:#333}.filter-buttons{margin-top:20px;display:flex;flex-wrap:wrap;gap:10px}.filter-btn{padding:8px 16px;border-radius:20px;border:1px solid #007bff;background-color:#fff;color:#007bff;cursor:pointer;transition:all .3s ease;font-size:14px}.filter-btn.active,.filter-btn:hover{background-color:#007bff;color:#fff}.no-task{color:#777;font-style:italic;margin-top:10px}.navbar{background-color:#07c;padding:15px 30px;display:flex;justify-content:space-between;align-items:center;color:#fff;font-family:Segoe UI,sans-serif}.navbar-logo{font-size:1.5rem;font-weight:700;cursor:pointer}.navbar-links a,.navbar-links button{margin-left:15px;font-size:1rem;color:#fff;background:none;border:none;text-decoration:none;cursor:pointer;transition:color .3s ease}.navbar-links a:hover,.navbar-links button:hover{color:#ffea00}.active-link{font-weight:700;border-bottom:2px solid white}.logout-btn{background-color:#ff4d4d;padding:6px 12px;border-radius:4px;font-weight:500;transition:background-color .3s ease}.logout-btn:hover{background-color:#e63946}@media (max-width: 600px){.navbar{flex-direction:column;align-items:flex-start}.navbar-links{margin-top:10px;display:flex;flex-direction:column}.navbar-links a,.navbar-links button{margin:5px 0}}