body{background-color:#f3f4f6;margin:0;font-family:Arial,Helvetica,sans-serif}.login-container{justify-content:center;align-items:center;height:100vh;display:flex}.login-form{background:#fff;border-radius:12px;width:350px;padding:35px;box-shadow:0 8px 20px #00000026}.login-form h1{text-align:center;margin-bottom:25px}.login-form input{box-sizing:border-box;border:1px solid #ccc;border-radius:6px;width:100%;margin-bottom:15px;padding:12px;font-size:15px}.login-form button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:6px;width:100%;padding:12px;font-size:16px}.login-form button:hover{background:#1d4ed8}.dashboard-container{max-width:1000px;margin:40px auto;padding:20px}.dashboard-header{justify-content:space-between;align-items:center;margin-bottom:25px;display:flex}.dashboard-header h1{margin:0}.logout-btn{color:#fff;cursor:pointer;background:#dc143c;border:none;border-radius:6px;padding:10px 18px}.filters{gap:15px;margin-bottom:25px;display:flex}.filters select,.filters button{border:1px solid #ccc;border-radius:6px;padding:10px 15px}.create-btn{color:#fff;cursor:pointer;background:#4169e1;border:none}.task-list{flex-direction:column;gap:20px;display:flex}.task-card{background:#fff;border-radius:10px;padding:20px;box-shadow:0 3px 10px #00000026}.task-card h3{margin-top:0}.task-actions{margin-top:15px}.task-actions button{margin-right:10px;padding:8px 15px}.task-form{background:#fff;border-radius:10px;width:500px;margin:30px auto;padding:25px;box-shadow:0 2px 10px #00000026}.task-form h2{text-align:center;margin-bottom:20px}.task-form input,.task-form textarea,.task-form select{box-sizing:border-box;border:1px solid #ccc;border-radius:6px;width:100%;margin-bottom:15px;padding:12px;font-size:15px}.task-form textarea{resize:vertical;min-height:120px}.task-form button{color:#fff;cursor:pointer;background:#4169e1;border:none;border-radius:6px;width:100%;padding:12px;font-size:16px}.task-form button:hover{background:#1d4ed8}.home-container{background:#f5f7fb;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;display:flex}.home-container h1{margin-bottom:20px;font-size:52px}.home-container p{color:#666;margin-bottom:40px;font-size:20px}.home-buttons{gap:20px;display:flex}.home-buttons button{color:#fff;cursor:pointer;background:#4267e8;border:none;border-radius:8px;padding:14px 30px;font-size:18px}